﻿
/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font: 14px/1.5 Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif; color: #333; }

ul, li { list-style: none; }

img { border: 0px; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

table th, table td { border: 1px solid #ccc; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }





a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], button, select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

textarea { overflow: auto; vertical-align: top; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }

.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 25%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1250px; padding: 0; } }

/* layout start*/



/*箭头*/

.mob-hidden { display: none; }

.pc-hiden { display: block; }

.m-position { position: relative; }

.oh { overflow: hidden; }

/*font*/
.fs30 { font-size: 20px; }

.m-positioncenter { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.dnbr br { display: none; }

.tc { text-align: center; }

@media (min-width: 640px) { .dnbr br { display: block; } }

@media (min-width: 1024px) { .pc-hiden { display: none; }
  .mob-hidden { display: block; }
  /*font*/
  .fs30 { font-size: 30px; } }


.index_banner { padding-top:90px;}




/*底部*/
footer { background: url(../images/footerbg.jpg) center 0 no-repeat; -o-background-size: cover; background-size: cover; padding: 30px 0 0; position: relative; z-index: 0; color: #bababa; }

footer a { color: #bababa; }

.index-contactlist { padding-bottom: 20px; }

.index-contactlist li { margin-bottom: 15px; }

.index-contactlist li a { color: #bababa; }

.index-contactlist li .contact-icon { width: 50px; height: 50px; display: table-cell; vertical-align: middle; position: relative; }

.index-contactlist li .contact-icon:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 50px; height: 50px; background: rgba(255, 255, 255, 0.2); -webkit-border-radius: 50%; border-radius: 50%; }

.index-contactlist li .contact-icon img { position: absolute; top: 0; left: 0; width: 100%; display: block; }

.index-contactlist li .address-con { color: #bababa; display: table-cell; vertical-align: middle; padding-left: 10px; }

.footer-nav { padding-top: 30px; padding-bottom: 30px; }

.footer-nav h4 { color: #ffffff; margin-bottom: 14px; font-size: 16px; }

.footer-ul { padding-top: 20px; }

.footer-ul li h4 { padding: 10px 0; margin-bottom: 0; border-bottom: 1px solid #545555; position: relative; }

.footer-btleft { width: 100%; }

.footer-subnav { padding: 10px 0 0; display: none; }

.footer-subnav a { display: block; padding: 4px 0; }

.footer-subnav a:hover { color: #3177bd; }

.footer-bottom { background: #1f1f1f; padding: 22px 0; color: #b7b7b7; text-align: center; }

.footer-share { width: 100%; padding-top: 10px; }

.share-box { display: inline-block; vertical-align: 2px; }

.share-box a { display: inline-block; margin: 0 2px; position: relative; }

.share-box a img { height: 28px; }

.share-box a span{width: 120px; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); padding-bottom: 10px; display: none;}

.share-box a span img{width:100%; height:auto; display: block;}

.share-box a span:after { content: ""; width: 16px; height: 10px; display: block; position: absolute; bottom: 1px; left: 50%; z-index: 9; background: url(../images/fta-arror.png) no-repeat; margin-left: -8px; }

.share-box a:hover span { display: block; }

.plus.icon { position: absolute; right: 0; top: 0; color: #929292; position: absolute; margin-left: 3px; width: 100%; height: 100%; }

.plus.icon:before { content: ""; position: absolute; width: 15px; height: 2px; right: 0; top: 22px; background-color: #929292; }

.plus.icon:after { content: ""; position: absolute; width: 15px; height: 2px; right: 0; top: 22px; background-color: #929292; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.footer-ul li h4.cur .plus.icon:after { opacity: 0; }

@media (min-width: 1024px) {
  /*底部*/
  .IndexBody footer{ margin-top: -84px;  }
  footer { padding: 106px 0 0; }
  .index-contactlist { padding-bottom: 55px; }
  .index-contactlist li { display: table; }
  .index-contactlist li .contact-icon { width: 72px; height: 72px; }
  .index-contactlist li .contact-icon:before { width: 72px; height: 72px; }
  .index-contactlist li .address-con { padding-left: 30px; }
  .index-contactlist li .address-con  h5 { font-size:16px;}
  .footer-nav { padding-top: 48px; padding-bottom: 60px; }
  .footer-nav h4 { margin-bottom: 14px; font-size: 16px; }
  .footer-left { float: left; width: 25.66667%; }
  .footer-ul { padding-top: 0; }
  .footer-ul li { float: left; width: 20%; text-align: center; }
  .footer-ul li h4 { padding: 0; border-bottom: 0; }
  .footertl { display: inline-block; text-align: left; }
  .footer-subnav { display: block !important; }
  .footer-subnav a { padding: 0 0 4px; border-bottom: 0; }
  .footer-subnav a:hover { color: #3177bd; }
  .plus.icon { display: none; }
  .footer-bottom { padding: 22px 0; text-align: left; }
  .footer-btleft { width: auto; }
  .footer-share { padding-top: 5px; width: auto; }
  .share-box { vertical-align: middle; } }

/*banner*/
.banner-slider { position: relative; overflow: hidden; width: 100%; height:650px; }

.banner-slider ul li { overflow: hidden; }

.banner-slider ul li img{ width: 100%;display: block; height:100%; }

.banner-slider .bannerimg img { display: block; width: 100%; }

.banner-con { position: absolute; z-index: 2; top: 0; padding: 0 20px; max-width: 90%; }

.banner-one { margin-top: 15.625%; left: 0; }

.banner-two { margin-top: 15.625%; left: 20px; padding: 20px; }

.banner-two:before { content: ""; position: absolute; top: 0; left: 0; width: 90%; display: block; height: 100%; background: rgba(0, 0, 0, 0.16); z-index: -1; }

.bannera-tit { background: #ff9a00; color: #fff; font-size: 20px; line-height: 30px; padding: 5px 10px; margin-bottom: 10px; display: inline-block; }

.text-img { padding-left: 20px; margin-bottom: 10px; }

.text-img img { height: 25px; }

.bannera-text { color: #fff; font-size: 18px; line-height: 26px; padding-left: 40px; }

.bannerb-box { background: rgba(0, 0, 0, 0.1); font-size: 70px; line-height: 80px; padding: 65px 35px 75px; color: #fff; }

.banner-con { color: #fff; }

.item-a { font-size: 18px; line-height: 26px; }

.item-b { font-size: 20px; line-height: 30px; }

.fainleft-one { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all ease 1s; -o-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s; opacity: 0; }

.fainleft-two { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all ease 2s; -o-transition: all ease 2s; -moz-transition: all ease 2s; transition: all ease 2s; opacity: 0; }

.fainleft-three { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all ease 3s; -o-transition: all ease 3s; -moz-transition: all ease 3s; transition: all ease 3s; opacity: 0; }

.banner-slider ul li.active .fainleft-one, .banner-slider ul li.active .fainleft-two, .banner-slider ul li.active .fainleft-three { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

.banner-slider .index-dot { position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; z-index: 9; }

.banner-slider .index-dot span { display: inline-block; width: 30px; height: 10px; position: relative; opacity: 1; background: none; }

.banner-slider .index-dot span:before { content: ""; position: absolute; left: 0; top: 8px; width: 100%; height: 12px; background: rgba(255, 255, 255, 0.7);  border-radius:50%;  }

.banner-slider .index-dot span.swiper-pagination-bullet-active:before { background: #3177bd; }

/*首页*/
.character-test { padding-top: 30px; padding-bottom: 20px; background: #f7f7f7;
background:url(../images/img2.jpg) no-repeat center top; height:850px;


 }

.character-img { float: none; }

.character-img a { display: block; }

.character-img img { width: 100%; display: block; }

.character-box { text-align: left; padding: 0px 0; }

.small-titen { font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #333333; font-style: italic; margin-bottom: 10px; }

.character-item {  }

.item-tit { position: relative; font-size: 22px; margin-bottom: 10px; }

.item-tit:after { content: ""; display: block; position: relative; margin-top: 10px; width: 56px; height: 4px; left: 5%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #3177bd; }

.character-dec { color: #808080; font-size: 14px; line-height: 26px; text-align: left; margin-bottom: 25px; }

.free-btn { display: inline-block; min-width: 150px; padding: 0 20px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-style: italic; background-color: #3177bd; position: relative; text-align: left; padding-left: 24px; cursor: pointer; }

.free-btn:after { content: ""; position: absolute; right: 24px; top: 15px; width: 10px; height: 10px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.service-content { position: relative; overflow: hidden; background: url(../images/indeximg02.jpg) no-repeat center 0;background-size: 100% auto; padding-top: 30px; padding-bottom: 30px; }
@media only screen and (max-width: 1600px){
  .service-content{background-size: auto auto;}
}
.m-title { color: #fff; }

.m-title .free-btn { margin-top: 8px; float: right; }

.index-sertiten { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; font-style: italic; }

.index-sertitcn { font-size: 22px; position: relative; display: inline-block; }

.index-sertitcn:after { content: ""; display: block; position: relative; margin-top: 10px; width: 36px; height: 4px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #3177bd; }

.nonebg-btn { background: none; border: 1px solid #fff; }

.ser-icon { height: 30px; display: inline-block; position: relative; margin-bottom: 10px; }

.ser-icon img { max-height: 100%; }

.ser-icon .icon-after { position: absolute; top: 0; left: 0; opacity: 0; }

.index-service { padding-top: 30px; margin: 0 -5px; }

.index-service li { margin-bottom: 30px; padding: 0 5px; }

.index-service li a { display: block; background: #fff; text-align: center; padding: 20px 0 30px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); color: #333333; line-height: 22px; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.index-service li a h4 { font-size: 18px; color: #3177bd; margin-bottom: 10px; }

.index-service li a .service-dec { min-height: 98px; }

.index-service li a .servicemore-btn { position: absolute; bottom: -18px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 30px; height: 30px; display: block; background: #3177bd; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.index-service li a .servicemore-btn:after { content: ""; top: 10px; left: 7px; position: absolute; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.teacher-team { padding-top: 30px; padding-bottom: 10px; overflow: hidden; }

.team-item-list { padding-top: 30px; margin: 0 -10px; }

.team-item-list li { padding: 0 10px; }

.team-item-list li a { display: block; }

.team-item-list li a .zoomimg { position: relative; overflow: hidden;  box-shadow:0px 0px 5px 5px rgba(0,0,0,.1) }
@media only screen and (max-width: 768px){
  .team-item-list li a .zoomimg{
    max-width: 70%;
    margin: 0 auto;
  }
}
.team-item-list li a .zoomimg:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }

.team-item-list li a .zoomimg img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.team-item-list li a .zoomimg:before { content: ""; padding-bottom: 122.82609%; display: block; }

.team-item-list li a .zoomimg img { position: absolute; top: 0; left: 0; width: 100%; }

.index-team { background: url(../images/teambg.png); text-align: center; margin-top: 5px; padding: 10px 0 20px; }

.index-team .personal-name { color: #333333; font-size: 20px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 36px; line-height: 36px; }

.index-team .small-text { font-size: 14px; color: #929292; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; }

.colorgary { color: #333; }

.gary-border { border-color: #000000; color: #333; }

.gary-border:after { border-right-color: #333; border-bottom-color: #333; }

.gary-border:hover { color: #fff; }

.gary-border:hover:after { border-right-color: #fff; border-bottom-color: #fff; }

.success-case { padding-top: 30px; padding-bottom: 30px; background: url(../images/casebg.jpg); -o-background-size: cover; background-size: cover; }

.success-case .m-title .index-sertitcn:after { background-color: #fff; }

.indexcase-list { padding-top: 30px; padding-bottom: 30px; position: relative; overflow: hidden; }

.indexcase-list ul li { width: 100%; float: left; }

.indexcase-list ul li a { display: block; }

.indexcase-con { padding: 30px 20px; color: #666666; line-height: 24px; font-size: 14px; background: url(../images/Puncbg.png) 20px 28px no-repeat, #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

.indexcase-box { margin: -10px 20px 0; }

.indexcase-box .case-img { width: 100px; height: 100px; overflow: hidden; margin-right: 16px; float: left; }

.indexcase-box .case-img img { display: block; width: 100%; }

.case-percon { padding: 20px 0 0; color: #b8dede; font-size: 16px; }

.case-percon h4 { font-size: 22px; line-height: 30px; margin-bottom: 10px; color: #fff; }

.case-btn { position: absolute; width: 60px; height: 88px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }

.case-btn:before { content: ""; display: block; position: absolute; width: 60px; height: 60px; border-top: 2px solid #80cdc3; border-right: 2px solid #80cdc3; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.m-dot { text-align: center; }

.m-dot span { width: 10px; height: 10px; border: solid 1px #ffffff; background: none; margin: 0 4px; opacity: 1; }

.m-dot span.swiper-pagination-bullet-active { background: #fff; }

.scroll { min-height: 150px; max-height: 150px; overflow-y: auto; padding-right: 4px; }

.scroll::-webkit-scrollbar { width: 4px; height: 8px; background-color: #f2f2f2; }

.scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #f2f2f2; }

.scroll::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #3177bd; }

.cooperative-wrap { padding-top: 40px; }

.coop-list { padding-top: 0; margin: 0 -10px; padding-bottom: 30px; }

.coop-list li a { display: block; position: relative; }

.coop-list li a:before { content: ""; display: block; padding-bottom: 57.5%; }

.coop-list li a img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: block; max-width: 100%; }

/*立即免费测评*/
.free-evaluation { background-position: center 0; background-image: url(../images/footer-topbg.png); background-repeat: no-repeat; padding: 30px 20px; -webkit-border-radius: 6px; border-radius: 6px; -o-background-size: cover; background-size: cover; position: relative; z-index: 2; }

.free-conbox { color: #fff; }

.free-conbox h4 { font-size: 20px; text-align: center; margin-bottom: 10px; }

.free-right { color: #ffffff; }

.free-list { margin-top: 20px; position: relative; }

.free-list ul li { width: 100%; float: left; margin-bottom: 10px; }

.free-list ul li input { width: 100%; background: #fff; height: 42px; padding-left: 20px; -webkit-border-radius: 2px; border-radius: 2px; }

.free-list ul li input::-webkit-input-placeholder { color: #808080; }

.free-list ul li input:-moz-placeholder { color: #808080; }

.free-list ul li input::-moz-placeholder { color: #808080; }

.free-list ul li input:-ms-input-placeholder { color: #808080; }

.free-list .free-submit { display: block; overflow: hidden; width: 120px; height: 42px; background-color: #ffffff; -webkit-border-radius: 26px; border-radius: 26px; color: #3177bd; font-size: 16px; margin: 10px auto 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.free-list .free-submit:hover { background: #3177bd; color: #fff; border: 1px solid #fff; }


/*箭头*/
@media (min-width: 640px) { .banner-slider .bannerimg img { height: auto; width: 100%; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .banner-one { margin-top: 11.04167%; left: 10.41667%; }
  .banner-two { margin-top: 10.41667%; left: 10.41667%; padding: 30px 35px; } }

@media (min-width: 768px) { /*首页*/
  .character-img { width: 75.75%; float: right; }
  .character-box { position: absolute; left: 0; top: 14.87603%; max-width: 220px; padding: 0; }
  .assessment-center .assessment-left { float: left; }
  .assessment-center .character-box { left: auto; right: 0; }
  /*立即免费测评*/
  .free-conbox h4 { text-align: left; }
  .free-list ul li { width: 33.3%; padding-right: 10px; }
  .index-contactlist li { width: 30%; }
  .index-contactlist li:last-child { width: 39%; } }

@media (min-width: 992px) { /*banner*/
  .bannera-tit { font-size: 40px; line-height: 50px; padding: 10px 28px; margin-bottom: 20px; }
  .text-img { padding-left: 60px; margin-bottom: 20px; }
  .text-img img { height: 50px; }
  .bannera-text { font-size: 30px; line-height: 40px; padding-left: 106px; }
  .banner-two { margin-top: 10.41667%; left: 10.41667%; padding: 65px 35px; }
  .item-a { font-size: 30px; line-height: 40px; }
  .item-b { font-size: 40px; line-height: 50px; } }


/*箭头*/
@media (min-width: 1024px) { /*首页*/
  .character-test { padding-top: 60px; padding-bottom: 94px; }
  .character-img { width: 50.75%; overflow: hidden; }
  .character-img:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .character-img img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .character-box { top: 8.87603%; max-width: 560px; }
  .small-titen { font-size: 26px; letter-spacing: -1px; margin-bottom: 10px; }
  .character-item { padding: 0px 0px; }
  .character-item .free-btn:hover:after { right: 30px; }
  .item-tit { font-size: 24px; margin-bottom: 20px; }
  .character-dec { font-size: 16px; line-height: 30px; margin-bottom: 45px; }
   .character-dec 
   .character-dec p {font-size: 16px; line-height: 30px; margin-bottom: 15px; text-indent:2em;}
  .character-dec strong { color:#333;}
  .item-tit-fb { font-size:25px; color:333; line-height:25px; margin-bottom:20px;}
  
  .biaoyu {  font-weight:900; color:#d4d4d4; font-size:38px; margin-top:20px; line-height:40px; }
    .biaoyu  em { font-style:normal; font-size:25px; display:block;}
  
  
  
  
  .free-btn { min-width: 186px; height: 54px; line-height: 54px; font-size: 18px; }
  .free-btn:after { top: 22px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .service-content { padding-top: 70px; padding-bottom: 125px; }
  .m-title .free-btn { margin-top: 18px; float: right; }
  .nonebg-btn { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .nonebg-btn:hover { background-color: #3177bd; border-color: #3177bd; }
  .index-sertiten { font-size: 26px; line-height: 30px; }
  .index-sertitcn { font-size: 36px; }
  .index-sertitcn:after { width: 56px; }
  .ser-icon { height: 44px; margin-bottom: 20px; }
  .index-service { padding-top: 50px; margin: 0 -10px; }
  .index-service li { padding: 0 10px; margin-bottom: 0; }
  .index-service li a { padding: 34px 0 60px; line-height: 30px; }
  .index-service li a h4 { font-size: 24px; color: #3177bd; margin-bottom: 25px; }
  .index-service li a h4 i { font-size: 22px; font-style: normal; }
  .index-service li a .service-dec { min-height: 120px; font-size:15px; }
  .index-service li a .servicemore-btn { width: 36px; height: 36px; }
  .index-service li a .servicemore-btn:after { content: ""; top: 13px; left: 10px; position: absolute; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  .index-service li a:hover { background: #3177bd; color: #fff; }
  .index-service li a:hover h4 { color: #fff; }
  .index-service li a:hover .ser-icon .icon-after { opacity: 1; }
  .index-service li a:hover .ser-icon .icon-before { opacity: 0; }
  .index-service li a:hover .servicemore-btn { background: #fff; }
  .index-service li a:hover .servicemore-btn:after { border-top-color: #3177bd; border-right-color: #3177bd; }
  .teacher-team { padding-top: 78px; padding-bottom: 67px; }
  .team-item-list { padding-top: 50px; margin: 0 -24px; }
  .team-item-list li { padding: 0 24px; }
  .index-team { margin-top: 16px; padding: 30px 0; }
  .index-team .personal-name { font-size: 24px; margin-bottom: 10px; }
  .index-team .small-text { font-size: 16px; }
  .success-case { padding-top: 90px; padding-bottom: 60px; }
  .indexcase-list { padding-top: 66px; padding-bottom: 60px; }
  .indexcase-list ul li { margin-right: 30px; }
  .indexcase-con { padding: 40px 50px; font-size: 16px; line-height: 30px; }
  .indexcase-box { margin: -20px 50px 0; overflow: hidden; }
  .indexcase-box:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .indexcase-box img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .indexcase-box .case-img { width: 154px; height: 154px; margin-right: 26px; }
  .case-percon { padding: 50px 0 0; font-size: 18px; }
  .case-percon h4 { font-size: 28px; line-height: 30px; }
  .coop-list li { width: 25%; }
  .coop-list li a { border: 1px solid #fff; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; max-height: 138px; overflow: hidden; overflow: hidden; }
  .coop-list li a:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .coop-list li a img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .coop-list li a img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .coop-list li a:hover { border-color: #3177bd; }
  .coop-list li a:hover img { -webkit-transform: scale(1.03) translateX(-50%); -moz-transform: scale(1.03) translateX(-50%); -ms-transform: scale(1.03) translateX(-50%); -o-transform: scale(1.03) translateX(-50%); transform: scale(1.03) translateX(-50%); }
  .cooperative-wrap { padding-top: 80px; }
  .coop-list { padding-top: 33px; padding-bottom: 80px; }
  /*立即免费测评*/
  .free-evaluation { padding: 60px 88px 50px 100px; }
  .free-conbox h4 { float: left; font-size: 32px; max-width: 278px; width: 30%; }
  .free-right { font-size: 16px; line-height: 30px; }
  .free-list { padding-right: 120px; margin-top: 50px; }
  .free-list ul li { width: 33.3%; padding-right: 24px; }
  .free-list ul li input { height: 52px; padding-left: 20px; }
  .free-list .free-submit { position: absolute; top: 0; right: 0; width: 120px; height: 52px; font-size: 18px; margin-top: 0; }
  .banner-slider .index-dot { bottom: 30px; }
  .banner-slider .index-dot span { width: 12px; height: 12px;} }


/*箭头*/
@media (min-width: 1260px) { /*首页*/
  .small-titen { margin-bottom: 0px; }

  .item-tit { font-size: 30px; margin-bottom: 30px; } }

@media (min-width: 1366px) { .indexcase-swiper { position: relative; }
  .indexcase-swiper .case-left { left: -50px; }
  .indexcase-swiper .case-left:before { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
  .indexcase-swiper .case-right { right: -50px; }
  /*banner*/
  .banner-one { margin-top: 11.04167%; left: 13.54167%; }
  .banner-two { margin-top: 13.33333%; left: 13.54167%; padding: 65px 35px; }
  .bannera-tit { font-size: 72px; line-height: 72px; padding: 10px 28px; margin-bottom: 20px; }
  .text-img img { height: 80px; }
  .bannera-text { font-size: 52px; line-height: 52px; padding-left: 106px; }
  .item-a { font-size: 40px; line-height: 50px; }
  .item-b { font-size: 50px; line-height: 60px; } }

@media (min-width: 1600px) { .indexcase-swiper .case-left { left: -175px; }
  .indexcase-swiper .case-right { right: -175px; }
  .banner-one { left: 18.75%; }
  .banner-two { left: 16.45833%; }
  .item-a { font-size: 52px; line-height: 60px; }
  .item-b { font-size: 70px; line-height: 80px; } }

#ie-alert-overlay { width: 100%; height: 100%; background: url(../images/bg.png) repeat 0 0; position: fixed; top: 0; left: 0; z-index: 9999; }

* html #ie-alert-overlay { position: absolute; z-index: 9999; }

#ie-alert-panel { width: 520px; height: 331px; position: fixed; background: url(../images/iealertsprite.png) no-repeat; background-position: -1px -109px; top: 50%; left: 50%; margin: -201px 0 0 -296px; padding: 72px 0 0 72px; _position: absolute; _top: expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; color: #333; line-height: 1.5em; z-index: 10000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel div, #ie-alert-panel p, #ie-alert-panel span, #ie-alert-panel a, #ie-alert-panel img, #ie-alert-panel ul, #ie-alert-panel li { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel p { font-size: 14px; width: 486px; text-align: justify; }

#ie-alert-panel img { border: 0; }

#ie-alert-panel span { font-size: 18px; margin: 0 0 20px 0; display: block; padding: 0; }

#ie-alert-panel ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }

#ie-alert-panel li { float: left; margin: 0 22px 0 0; }

#ie-alert-panel li.last { margin-right: 0; }

#ie-alert-panel a { display: inline-block; vertical-align: top; }

#goon { text-decoration: underline; }

.browser { position: absolute; bottom: 35px; }

.chrome, .firefox, .ie9, .opera, .safari { background: url(../images/iealertsprite.png) no-repeat; }

.chrome { background-position: 0 0; width: 73px; height: 96px; margin: 0 4px 0 0; }

.firefox { background-position: -292px 0; width: 73px; height: 98px; }

.ie9 { background-position: -179px 0; width: 95px; height: 98px; }

.opera { background-position: -90px 0; width: 73px; height: 98px; }

.safari { background-position: -387px 0; width: 73px; height: 98px; margin: 0 4px 0 0; }

/****/
::-webkit-input-placeholder { color: #999; }
::-moz-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }
/**超出隐藏**/
.textover{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.textovers{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.imgBox{ overflow: hidden; }
.imgBox img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }
.imgh:hover img{ transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); }
/*内页*/
.auto-info{ font-size: 16px; line-height: 36px; color:#777777; }
.auto-info img{ max-width: 100%; }
.auto-list{ font-size: 16px; line-height: 36px; color:#777777; }
.auto-list img{ max-width: 100%; }
/*面包屑地址和二级菜单*/
.loca-menu{ border-bottom:1px solid #dddddd; line-height:64px; }
.loca-menu .menu{ font-size: 0; line-height: 0; }
.loca-menu .menu a{ font-size: 17px; line-height: 64px; color:#666666; display:inline-block; vertical-align:top; padding:0 0.5em; position: relative; }
.loca-menu .menu a+a{ margin-left:1.8em; }
.loca-menu .menu a:after{ content: ""; display:block; position:absolute; bottom:0; left:0; width:100%; height:2px; background:transparent; transition:all 0.3s; }
.loca-menu .menu a:hover{ color:#3177bd; }
.loca-menu .menu a:hover:after{ background:#3177bd; }
.loca-menu .menu .cur:after{ background:#3177bd; }
.loca-menu .menu .cur{ color:#3177bd; }
.loca-menu .menu{}
.loca-menu .loca{ font-size: 16px; color:#888888; padding-left: 22px; background:url(../images/icon_home.png) no-repeat left center; }
.loca-menu .loca a{ color:#888; }
.loca-menu .loca a:last-child,
.loca-menu .loca a:hover{ color:#3177bd; }
.loca-menu .loca .jt{ margin:0 9px; color:#888; }
/**通用标题**/
.auto-title{ font-size: 30px; position: relative; display: block; color:#333; margin:5% 0 3.33%; }
.auto-title:after{ content: ""; display: block; margin-top: 14px; width: 2em; height: 2px; left: 50%; background-color: #3177bd; margin-left:auto; margin-right:auto; }
/***视频***/
.videoBox{ position: relative; }
.videoBox video{ display: block; position: absolute; left:0; top:0; width:100%; height:100%; opacity: 0; background: #000; }
.videoBox .play{ display: block; position:absolute; left:0; top:0; width:100%; height:100%;background-color:transparent; background-image:url(../images/icon_play1.png); background-repeat: no-repeat; background-position: center; cursor: pointer; z-index: 2; transition:all 0.3s; }
.videoBox .play:hover{ background-color:rgba(0, 0, 0, 0.2); }
.videoBox.onplay video{ opacity: 1; }
.videoBox.onplay .play{ display: none; }
/**分页**/
.PageBts{ font-size: 0; line-height: 0; padding:3.75% 0 6.66%; text-align: center; }
.PageBts .laypage_main a,
.PageBts .laypage_main span{ font-size: 13px; color:#808080; line-height: 34px; height: auto!important; min-width: 36px; padding:0 5px; border:1px solid #e3e3e3; display: inline-block; vertical-align: middle; margin:2.5px; }
.PageBts .laypage_main .laypage_prev{ margin-right: 10px; }
.PageBts .laypage_main .laypage_next{ margin-left: 10px; }
.PageBts .laypage_main .laypage_prev,
.PageBts .laypage_main .laypage_next{ padding:0 10px; }
.PageBts .laypage_main .laypage_prev span,
.PageBts .laypage_main .laypage_next span{ padding:0; margin:0; border:0; }
.PageBts .laypage_main .laypage_prev:hover span,
.PageBts .laypage_main .laypage_next:hover span{ color:#fff; }
.PageBts .laypage_main .aBox{ display: inline; vertical-align: middle; margin:0 16px; }
.PageBts .laypage_main .laypage_curr{ color:#fff; background:#3177bd!important; border-color:#3177bd!important; }
.PageBts .laypage_main .Prev{ font-family: "宋体"; }
.PageBts .laypage_main .Next{ font-family: "宋体"; }
.PageBts .laypage_main a:hover{ color:#fff; background:#3177bd; border-color:#3177bd; }
/**详情页**/
.info-pages{ padding:3.33% 0 6.66%; }
.info-pages .alinks{ max-width: 70%; }
.info-pages .alinks a{ display: block; font-size: 16px; color:#666666; line-height: 20px; padding:3px 0; }
.info-pages .alinks a:hover{ color:#3177bd; text-decoration: underline; }
.info-pages .return{}
.info-pages .return a{ font-size: 16px; color:#ffffff; display: block; padding:0 2.2em; line-height: 50px; background: #3177bd; }
.info-pages .return a:hover{ background:#14c1b6; }
@media (max-width: 1200px) {
  /*面包屑地址和二级菜单*/
  .loca-menu{ line-height: 58px; }
  .loca-menu .menu a{ line-height: 58px; font-size: 16px; padding:0 0.2em; }
  .loca-menu .menu a+a{ margin-left:0.8em; }
  /**通用标题**/
  .auto-title{font-size: 26px; }
}
@media (max-width: 992px) {
  /*面包屑地址和二级菜单*/
  .loca-menu{ border-bottom: 0 none; position: relative; }
  .loca-menu{ line-height: 50px; }
  .loca-menu .loca{ border-bottom: 1px solid #dddddd; margin:0 -15px; padding:10px 30px 10px 40px; background-position:15px 14px; line-height: 20px; }
  .loca-menu .loca,
  .loca-menu .menu{ float: none; display: block; }
  .loca-menu .menu{ text-align: center; }
  .loca-menu .menu a{ line-height: 50px; }
  .loca-menu .menu a+a{ margin-left:0.5em; }
  /**通用标题**/
  .auto-title{font-size: 20px; }
  .auto-title:after{ margin-top:10px; }
  /**详情页**/
  .info-pages .alinks a{ font-size: 14px; padding:2px 0; }
  .info-pages .return a{ font-size: 14px; padding:0 2em; line-height: 40px; }
}
@media (max-width: 768px) {
  /*面包屑地址和二级菜单*/
  .loca-menu .loca{ font-size: 14px; background-size: 12px auto; padding:8px 30px 7px 33px; background-position-y: 11px; }
  .loca-menu .loca .jt{ margin:0 6px; }
  .loca-menu .menu{ padding-top:0; margin-top:10px; text-align: left;/* border-left:1px solid #e8e8e8; border-top:1px solid #e8e8e8;*/ }
  .loca-menu .menu a{ line-height: 34px; font-size: 14px; min-width:33.33%; background: #fdfbfb; text-align: center; /*border-right:1px solid #e8e8e8;*/ }
  .loca-menu .menu a:nth-child(3n+2){ border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; }
  .loca-menu .menu a:after{ height: 1px; background: #e8e8e8;  }
  .loca-menu .menu a+a{ margin:0; }
  /**通用标题**/
  .auto-title{ font-size: 16px; margin:5% 0 4%; }
  .auto-title:after{ margin-top:2px; }
  /***视频***/
  .videoBox .play{ background-size: 40px auto; }
  /**分页**/
  .PageBts .laypage_main a{ line-height: 32px; min-width: 34px; }
  .PageBts .aBox{ margin:0 5px; }
  /**详情页**/
  .info-pages .alinks{ max-width: 100%; float: none; }
  .info-pages .return{ text-align: center; width:100%; padding-top:10px }
}

/**鑫玥简介**/
.about-des{}
.about-des .top{ padding-bottom:4.16%; }
.about-des .l-con{ padding:0; }
.about-des .videoBox img{ display: block; width:100%; }
.about-des .r-con{ padding:0 0 0 4.16%; }
.about-des .bot{ padding-bottom:2.916%; }
.about-des .dBlock{ padding-top:2.916%; padding-left: 20px; padding-bottom:2.916%; border-top:1px solid #e3e3e3; }
.about-des .htitle{ margin:0 0 5px; font-size:24px; color:#333333; position:relative; }
.about-des .htitle:before{ content:""; left:-20px; top:50%; margin-top:-10px; height: 20px; width:4px; background: #3177bd; position:absolute; }
.about-des .h6{ font-size:18px; color:#333; position: relative; margin:10px 0 0; }
.about-des .h6:before{ content:""; left:-20px; top:15.5px; height: 5px; width:5px; border-radius:50%; background:#333; position: absolute; }

@media (max-width: 1200px) {
  .auto-info{ line-height: 30px; }
  /**鑫玥简介**/
  .about-des .r-con{}
  .about-des .htitle{ font-size: 20px; }
  .about-des .h6:before{ top:12.5px; }
}
@media (max-width: 992px) {
  .auto-info{ line-height: 26px; font-size: 14px; }
  /**鑫玥简介**/
  .about-des .r-con{ padding-left:0; padding-top: 3.8%; line-height: 24px; }
  .about-des .htitle{ font-size: 18px; }
  .about-des .h6{ font-size: 16px; }
}
@media (max-width: 768px) {
  /**鑫玥简介**/
  .about-des .r-con{ line-height: 22px; }
  .about-des .dBlock{ padding:4.16% 0 4.16% 15px; }
  .about-des .htitle:before{ left:-15px; }
  .about-des .h6:before{ left:-15px; top:10.5px; }
}

/**核心团队**/
.about-team{}
.about-team .list{ font-size: 0; line-height: 0; margin-top:-3.75%; }
.about-team .list li{ width:30.41%; vertical-align: top; display: inline-block; margin-left: 4.385%; margin-top:3.75%; }
.about-team .list li:nth-child(3n+1){ margin-left:0; }
.about-team .list .Box{ display: block; }
.about-team .list .cont{ display: table; width:100%; height: 125px; margin-top:15px; background:url(../images/icon_back1.jpg) repeat; }
.about-team .list .t-cell{ display: table-cell; padding:10px; vertical-align: middle; text-align: center; }
.about-team .list .title{ font-size:24px; line-height: 1.2em; margin-bottom: 12px; }
.about-team .list .ltitle{ font-size:16px; line-height: 1.2em; }
.about-team .Box:hover .title{ color:#3177bd; }
.about-team-info{}
.about-team-info .Box{ padding-bottom: 6.66%; }
.about-team-info .Box .imgBox{ float: left; display: inline-block; max-width: 40%; margin-right: 5.83%; }
.about-team-info .cont{ overflow: hidden; color:#929292; font-size: 16px; line-height: 30px; padding-top:2.91%; }
.about-team-info .cont .title{ font-size: 24px; color:#333333; line-height: 1.2em; }
.about-team-info .cont .ltitle{ font-size: 16px; margin:0.5em 0 1.8em; }
.about-team-info .cont .word li{list-style: circle;position: relative;padding-left: 14px;}
.about-team-info .cont .word li::after{content: "";width: 6px;height: 6px;border-radius: 50%;background: #333;position: absolute;left: 0;top: 12px;}
@media (max-width: 1200px) {
  /**核心团队**/
  .about-team .list .cont{ margin-top:10px; height:100px; }
  .about-team .list .title{ font-size:20px; margin-bottom:8px; }
  .about-team .list .ltitle{ font-size:14px; }
}
@media (max-width: 992px) {
  /**核心团队**/
  .about-team .list{ margin-top:-2%; }
  .about-team .list li{ width:32%; margin-left:2%; margin-top:2%; }
  .about-team .list .cont{ height:80px; }
  .about-team .list .title{ font-size:18px; margin-bottom:5px; }
  .about-team-info .Box .imgBox{ margin-right: 4%; }
  .about-team-info .cont{ line-height: 26px; }
  .about-team-info .cont .title{ font-size: 20px; }
  .about-team-info .cont .ltitle{ margin-bottom: 1em; }
}
@media (max-width: 768px) {
  /**核心团队**/
  .about-team .list li{ width:48%; }
  .about-team .list li:nth-child(3n+1){ margin-left:2%; }
  .about-team .list li:nth-child(2n+1){ margin-left:0; }
  .about-team .list .cont{ margin-top:5px; height: 74px; }
  .about-team .list .t-cell{ padding:5px; }
  .about-team .list .title{ font-size:14px; }
  .about-team-info .Box .imgBox{ margin-right: 0; float: none; display: block; max-width: 100%; width:100%; text-align: center; }
  .about-team-info .cont{ font-size: 14px; padding-top:5.6%; }
  .about-team-info .cont .title{ font-size: 16px; }
  .about-team-info .cont .ltitle{ margin:5px 0 8px; }
}

/**合作伙伴**/
.about-partner{}
.about-partner .list{ margin:-6px; }
.about-partner .list li{ padding:6px; }
.about-partner .list .Box{ display: block; }
@media (max-width: 1200px) {
  /**合作伙伴**/
  .about-partner .list{ margin:-5px; }
  .about-partner .list li{ padding:5px; }
}
@media (max-width: 992px) {
  /**合作伙伴**/
  .about-partner .list{ margin:-4px; }
  .about-partner .list li{ padding:4px; }
}
@media (max-width: 768px) {
  /**合作伙伴**/
  .about-partner .list{ margin:-3px; }
  .about-partner .list li{ padding:3px; }
}

/**鑫玥课程**/
.curriculum-list{}
.curr-types{ overflow: hidden; padding:2.5% 0; }
.curr-types .types{ font-size: 0; line-height: 0; margin:0 -24px; padding:13px 0; }
.curr-types .types span,
.curr-types .types a{ font-size: 18px; line-height: 28px; display: inline-block; vertical-align: middle; margin:0 24px; }
.curr-types .types span{ color:#333; margin-right:5px; }
.curr-types .types a{ color:#808080; }
.curr-types .types a:hover{ color:#3177bd; }
.curr-types .types .cur{ color:#3177bd; }
.curriculum-list .list1{ margin:-12px; }
.curriculum-list .list1 img{ display: block; width:100%; }
.curriculum-list .list1 li{ padding:12px; }
.curriculum-list .list1 .Box{ display: block; }
.curriculum-list .list1 .cont{ font-size: 14px; padding:7% 5.3%; }
.curriculum-list .list1 .title{ font-size: 18px; line-height: 22px; }
.curriculum-list .list1 .ltitle{ line-height: 20px; color:#868686; margin:5px 0 16px; }
.curriculum-list .list1 .other{ line-height: 22px; }
.curriculum-list .list1 .look{ float: left; display:inline-block; padding-left: 28px; background: url(../images/icon_icons1.png) no-repeat left center; color:#b2b2b2; }
.curriculum-list .list1 .price{ float:right; display: inline-block; color:#dd0000; }
.curriculum-list .list1 .free{ color:#3177bd; }
.curriculum-list .Box:hover .title{ color:#3177bd; }
.curriculum-content{ font-size: 16px; color:#666666; line-height: 29px; }
.curriculum-content .pd1:after{ content: ""; display: block; padding-top: 6.66%; }
.curriculum-content .h1-box{ position: relative; }
.curriculum-content .h1-box::before{ content:""; position: absolute; left:0; top:100%; width:100%; height: 22px; background:url(../images/icon_bg1.png) repeat-x top center; }
.curriculum-content .h1{ font-size: 24px; font-weight: normal; line-height: 28px; color:#000000; padding-top:34px; padding-bottom:34px; padding-left:20px; position:relative; margin-bottom: 6.67%; }
.curriculum-content .h1::before{ content: ""; height: 20px; width:6px; background:#000; position:absolute; left:0; top:50%; margin-top:-10px; }
.curriculum-content .bor-shaw{ border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,0.1); }
.curriculum-content .block-block{ margin-top:10px; }
.curriculum-content .wid1{ width:66.66%; }
.curriculum-content .wid2{ width:29.16%; }
.curriculum-content .h2{ font-size: 30px; line-height: 34px; color:#333333; margin-bottom: 15px; }
.curriculum-content .h3{ font-size: 20px; line-height: 24px; color:#333333; }
.curriculum-content .h4{ font-size: 18px; line-height: 22px; color:#333333; }
.curriculum-content .content{ padding:3.75% 3.75%; }
.curriculum-content .study-content{ padding:12.85% 11.42%; margin-top:20px; }
.curriculum-content .study-content .btn{ font-size:24px; color:#fff; display:block; background:#3177bd; line-height: 66px; border-radius: 33px; transition: all 0.3s; }
.curriculum-content .study-content .btn .i{ display: inline-block; padding-left:40px; font-style:normal; background:url(../images/icon_icons2.png) no-repeat left center; }
.curriculum-content .study-content .btn:hover{ background:#0cc7bb; }
.curriculum-content .study-content .h3{ margin:30px 0 17px; }
.curriculum-content .study-content .word{ line-height: 24px; }
.curriculum-content .block-list{}
.curriculum-content .block-list img{width: auto !important;height: auto !important;max-width: 100%;}
.curriculum-content .block-list .block{ padding:3.75% 3.75%; }
.curriculum-content .block-list .ul{ padding:15px 0; }
.curriculum-content .block-list .Box{ display: block; position: relative; padding:6px 20px; line-height: 28px; color:#666666; transition: all 0.3s; }
.curriculum-content .block-list .title{ padding:0 88px 0 30px; background: url(../images/icon_play2.png) no-repeat left 3px; position: relative; transition: all 0.3s; }
.curriculum-content .block-list .a-t{ position:absolute; right:0; top:0; border-radius: 14px; color:#fff; background: #3177bd; width:80px; text-align: center; font-size: 14px; opacity: 0; margin-right: 1em; transition: all 0.3s; }
.curriculum-content .block-list .Box:hover{ background: #e4f3f2; color:#3177bd; }
.curriculum-content .block-list .Box:hover .a-t{ opacity: 1; margin-right: 0; }
.curriculum-content .block-list .Box:hover .title{ background-image: url(../images/icon_play2_h.png); }
.curriculum-content .other-list{ padding-top:40px; }
.curriculum-content .other-list .h3{}
.curriculum-content .other-list .ul{ padding:15px 0; }
.curriculum-content .other-list li{ padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; }
.curriculum-content .other-list li+li{ margin-top: 10px; }
.curriculum-content .other-list .Box{}
.curriculum-content .other-list .imgBox{ float: left; border-radius: 5px; width:100px; max-width: 40%; margin-right: 8px; }
.curriculum-content .other-list .cont{ overflow: hidden; }
.curriculum-content .other-list .title{ font-size: 18px; line-height: 26px; margin:2px 0 4px; }
.curriculum-content .other-list .ltitle{ font-size: 14px; line-height: 18px; color:#777777; }
.curriculum-content .other-list .Box:hover .title{ color:#3177bd; }
.curriculum-content .other-list .auto-share{ font-size: 18px; padding-top:10%; }
.curriculum-content .share-box a{ margin:0; }
.curriculum-content .share-box a img{ height: 44px; }
.curriculum-content .block-section{}
.curriculum-content .block-section .block{ padding:2.75% 3.75%; text-indent: 2em; }
@media (max-width: 1200px) {
  .curr-types .types{ padding:8px 0; margin:0 -15px; }
  .curr-types .types span, .curr-types .types a{ font-size:16px; line-height: 24px; margin:0 15px; }
  .curriculum-list .list1 .cont{ padding-bottom: 0; }
  .curriculum-list .list1 .ltitle{ margin-bottom: 10px; }
  .curriculum-content .h1{ font-size: 20px; line-height: 24px; padding-top: 28px; padding-bottom: 28px; }
  .curriculum-content .h2{ font-size: 26px; margin-bottom: 10px; }
  .curriculum-content .study-content .h3{ margin:20px 0 10px; }
  .curriculum-content .study-content .btn{ font-size: 22px; line-height: 56px; border-radius: 28px; }
  .curriculum-content .other-list{ padding-top:20px; }
  .curriculum-content .other-list .title{ font-size:16px; }
  .curriculum-content .other-list .auto-share{ font-size: 16px; }
  .curriculum-content .share-box a img{ height: 30px; }
}
@media (max-width: 992px) {
  .curr-types .types{ padding:5px 0; margin:0 -10px; }
  .curr-types .types span, .curr-types .types a{ line-height: 22px; margin:0 10px; }
  .curriculum-list .list1{ margin:-8px; }
  .curriculum-list .list1 li{ padding:8px; }
  .curriculum-list .list1 .title{ font-size: 16px; }
  .curriculum-content{ line-height: 24px; }
  .curriculum-content .h1{ font-size: 18px; line-height: 22px; padding-left: 12px; padding-top: 25px; padding-bottom: 25px; }
  .curriculum-content .h1::before{ width: 4px; }
  .curriculum-content .h2{ font-size: 22px; margin-bottom: 5px; }
  .curriculum-content .h3{ font-size: 18px; }
  .curriculum-content .h4{ font-size: 16px; }
  .curriculum-content .study-content .btn{ font-size: 18px; line-height: 50px; border-radius: 25px; }
  .curriculum-content .study-content .btn .i{ background-size: 24px auto; }
}
@media (max-width: 768px) {
  .curr-types .types{ padding:2px 0; margin:0 -6px; }
  .curr-types .types span, .curr-types .types a{ font-size: 14px; line-height: 20px; margin:0 6px; }
  .curriculum-list .list1{ margin:-6px; }
  .curriculum-list .list1 li{ padding:6px; }
  .curriculum-list .list1 .title{ font-size: 14px; }
  .curriculum-list .list1 .ltitle{ margin:0 0 5px; font-size: 12px; line-height: 18px; }
  .curriculum-list .list1 .cont{ padding:10px 0 0; }
  .curriculum-list .list1 .look{ padding-left:22px; }
  .curriculum-content{ font-size: 14px; line-height: 22px; }
  .curriculum-content .h1-box{ }
  .curriculum-content .h2{ font-size: 18px; margin-bottom: 0; }
  .curriculum-content .h3{ font-size: 16px; }
  .curriculum-content .study-content{ padding:3.75% 3.75%; margin-top:20px; }
  .curriculum-content .study-content .btn{ font-size: 16px; line-height: 44px; }
  .curriculum-content .wid1,
  .curriculum-content .wid2{ float: none; display: block; width:100%; }
  .curriculum-content .study-content{ margin-top: 10px; }
  .curriculum-content .other-list{ padding-top:10px; }
  .curriculum-content .other-list .ul{ padding:10px 0; }
  .curriculum-content .other-list .auto-share{ padding-top:5px; }
  .curriculum-content .study-content .word{ line-height: 22px; }
  .curriculum-content .block-list .ul{ padding:5px 0; }
  .curriculum-content .block-list .Box{ line-height: 22px; padding:4px 10px; }
  .curriculum-content .block-list .title{ padding-left:24px; padding-right: 0; background-size: 16px auto; }
  .curriculum-content .block-list .a-t{ display: none; }
  .curriculum-content .share-box a img{ height: 26px; }
}

/**新闻动态**/
.news-list{}
.news-list .times{ margin:0 auto; width: 1100px; max-width: 100%; padding:0 2%; position:relative; }
.news-list .times::after{ content: ""; display:block; width:100%; height: 3px; position:absolute; left:0; bottom:6px; background:linear-gradient(to right, rgba(242,242,242,0.6), rgba(242,242,242,1), rgba(242,242,242,0.6)); }
.news-list .times a{ font-size: 18px; line-height:18px; color:#666666; display: inline-block; vertical-align: top; }
.news-list .times a:hover{ color:#3177bd; }
.news-list .times a.cur{ color:#3177bd; }
.news-list .times .pint{ display: block; height: 14px; width:14px; vertical-align: top; margin:18px auto 0; border:1px solid #ececec; border-radius: 50%; padding:2px; }
.news-list .times .pint:before{ content: ""; display: block; height: 100%; border:1px solid #ececec; border-radius: 50%; background:#fff; }
.news-list .times a:hover .pint:before,
.news-list .times .cur .pint:before{ background:#3177bd; border-color:transparent; }
.news-list .ul{}
.news-list .ul img{ display: block; width: 100%; transition:all 0.3s; }
.news-list .ul li{ margin-top:3.33%; }
.news-list .ul li+li{ padding-top:3.33%; border-top:1px solid #e5e5e5; }
.news-list .ul .Box{ color:#333; display: block; }
.news-list .ul .imgBox{ width: 375px; margin-right: 3.33%; float: left; }
.news-list .ul .cont{ overflow: hidden; }
.news-list .ul .title{ font-size: 20px; line-height:24px; margin:15px 0; }
.news-list .ul .time{ font-size: 20px; line-height: 22px; color:#3177bd; }
.news-list .ul .description{ font-size: 16px; line-height:23px; color:#929292; margin:15px 0 35px; height: 69px; -webkit-line-clamp: 3; }
.news-list .ul .more{ padding:0 32px; line-height: 40px; color:#888888; font-size: 14px; border:1px solid #e5e5e5; display: inline-block; transition: all 0.3s; }
.news-list .ul .Box:hover{ color:#3177bd; }
.news-list .ul .Box:hover .more{ color:#fff; background: #3177bd; border-color: transparent; }
.news-info{}
.news-info .h1{ font-size: 24px; line-height: 1.4em; color:#333333; margin-top: 6.66%; margin-bottom: 14px; }
.news-info .time{ font-size: 24px; line-height: 1.4em; color:#8e8e8e; margin-bottom: 2.91%; }
.news-info .content{ border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:6.66% 15.41% 3.33%; position: relative; font-size: 16px; color:#777777; line-height: 30px; }
.news-info .content img{width: 100% !important;height: 100% !important;}
.news-info .nav{ position: absolute; left: 0; }
.news-info .nav a{ line-height: 72px; width: 72px; height: 72px; background:#e6e6e6; display: block; text-align: center; transition: all 0.3s; }
.news-info .nav a+a{ margin-top:1px; }
.news-info .nav a:hover{ background:#f5f5f5; }
@media (max-width: 1200px){
  .news-info .h1{ font-size: 22px; margin-top: 5%; margin-bottom: 8px; }
  .news-info .time{ font-size: 22px; }
}
@media (max-width: 992px){
  .news-list .ul .imgBox{ width: 300px; }
  .news-list .ul .title{ font-size: 18px; margin:8px 0; }
  .news-list .ul .time{ font-size: 18px; }
  .news-list .ul .description{ margin:8px 0 20px; }
  .news-list .ul .more{ padding:0 2em; line-height: 34px; }
  .news-info .h1{ font-size: 20px; margin-top: 4%; margin-bottom: 5px; }
  .news-info .time{ font-size: 20px; }
  .news-info .content{ padding-left:10%; padding-right: 10%; line-height: 26px; }
  .news-info .nav a{ height: 60px; width: 60px; line-height: 60px; }
  .news-info .nav a img{ height: 18px; }
}
@media (max-width: 768px){
  .news-list .times{ padding-top:5px; }
  .news-list .times a{ font-size: 16px; }
  .news-list .times .pint{ margin-top:10px; }
  .news-list .ul{ padding-top:5px; }
  .news-list .ul .imgBox{ width: 200px; }
  .news-list .ul .title{ font-size: 16px; margin:5px 0 8px; line-height: 20px; }
  .news-list .ul .time{ font-size: 16px; }
  .news-list .ul .description{ margin:8px 0 0; font-size: 14px; line-height: 20px; height: 60px; }
  .news-list .ul .more{ display: none; }
  .news-info .h1{ font-size: 16px; line-height: 1.2em; margin-bottom: 5px; text-align: center; }
  .news-info .time{ font-size: 14px; text-align: center; }
  .news-info .content{ font-size: 14px; padding-left:0px; padding-right:0; line-height: 24px; padding-top:0; }
  .news-info .nav{ position: static; text-align: center; margin:15px 0 10px; }
  .news-info .nav a{ height: 30px; width: 30px; line-height: 30px; display: inline-block; border-radius: 50%; }
  .news-info .nav a+a{ margin-top: 0; margin-left:5px; }
  .news-info .nav a img{ height: 12px; }
}
@media (max-width: 480px){
  .news-list .times .pint{ margin-top:8px; }
  .news-list .ul .imgBox{ width: 150px; }
  .news-list .ul .title{ margin:5px 0 5px; }
  .news-list .ul .time{ font-size: 14px; line-height: 20px; }
  .news-list .ul .description{ margin-top:5px; -webkit-line-clamp: 2; height: 40px; }
}
@media (max-width: 400px){
  .news-list .ul li{ margin-top:15px; }
  .news-list .ul li+li{ padding-top:20px; }
  .news-list .ul .imgBox{ width: 100%; float: none; }
  .news-list .ul .title{ margin:10px 0 2px; }
  .news-list .ul .time{ font-size: 14px; line-height: 20px; }
  .news-list .ul .description{ margin-top:2px; }
}

/**活动预告**/
.active-list{}
.active-list .ul{ margin:-20px; }
.active-list .ul img{ display: block; width:100%; }
.active-list .ul li{ padding:20px; }
.active-list .ul .Box{ display: block; }
.active-list .ul .cont{ font-size: 14px; padding:6% 5.3%; border:1px solid #dddddd; }
.active-list .ul .title{ font-size: 20px; line-height: 22px; }
.active-list .ul .ltitle{ line-height: 20px; color:#868686; margin:4% 0 6%; }
.active-list .ul .other{ line-height: 22px; }
.active-list .ul .time{ display:inline-block; padding-left: 25px; background: url(../images/icon_icons3.png) no-repeat left center; color:#999999; }
.active-list .ul .look{ display:inline-block; padding-left: 23px; background: url(../images/icon_icons1.png) no-repeat left center; color:#b2b2b2; }
.active-list .ul .price{ float:right; display: inline-block; color:#dd0000; }
.active-list .ul .free{ color:#3177bd; }
.active-list .Box:hover .title{ color:#3177bd; }
.active-info{}
.active-info .h1{ font-size: 24px; line-height: 1.4em; color:#333333; margin-top: 6.66%; margin-bottom: 14px; }
.active-info .time{ font-size: 24px; line-height: 1.4em; color:#8e8e8e; margin-bottom: 2.91%; }
.active-info .content{ border-bottom:1px solid #d9d9d9; padding-bottom:3.33%; font-size: 16px; color:#777777; line-height: 30px; }
.active-info .bor-shaw{ border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,0.1); }
.active-info .message{ width:66.66%; border-top:1px solid #d9d9d9; padding-top:6%; }
.message img{
  width: auto !important;
  height: auto !important;  
  max-width: 100%;
  max-height: 100%;
}
.active-info .wid2{ width:29.16%; }
.active-info .h3{ font-size: 20px; line-height: 24px; color:#333333; }
.active-info .h4{ font-size: 18px; line-height: 22px; color:#333333; }
.active-info .study-content{ padding:12.85% 11.42%; }
.active-info .study-content .btn{ font-size:24px; color:#fff; display:block; background:#3177bd; line-height: 66px; border-radius: 33px; transition: all 0.3s; margin-bottom: 25px; }
.active-info .study-content .btn .i{ display: inline-block; padding-left:40px; font-style:normal; background:url(../images/icon_icons2.png) no-repeat left center; }
.active-info .study-content .bg_ico2 .i{background-image:url(../images/icon_icons2_2.png);}
.active-info .study-content .btn:hover{ background:#0cc7bb; }
.active-info .study-content .h3{ margin:30px 0 17px; }
.active-info .study-content .p{ line-height: 24px; font-size: 18px; color:#333333; padding:8px 0; }
.active-info .study-content .cor{ color: #3177bd; font-size: 20px; }
.active-info .other-list{ padding-top:40px; }
.active-info .other-list .h3{}
.active-info .other-list .ul{ padding:15px 0; }
.active-info .other-list li{ padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; }
.active-info .other-list li+li{ margin-top: 10px; }
.active-info .other-list .Box{}
.active-info .other-list .imgBox{ float: left; border-radius: 5px; width:100px; max-width: 40%; margin-right: 8px; }
.active-info .other-list .cont{ overflow: hidden; }
.active-info .other-list .title{ font-size: 18px; line-height: 26px; margin:2px 0 4px; }
.active-info .other-list .ltitle{ font-size: 14px; line-height: 18px; color:#777777; }
.active-info .other-list .Box:hover .title{ color:#3177bd; }
.active-info .other-list .auto-share{ font-size: 18px; padding-top:10%; }
.active-info .share-box a{ margin:0; }
.active-info .share-box a img{ height: 44px; }
@media (max-width: 1200px) {
  .active-list .ul{ margin:-10px; }
  .active-list .ul li{ padding:10px; }
  .active-list .ul .title{ font-size: 18px; }
  .active-info .h1{ font-size: 22px; margin-top: 5%; margin-bottom: 8px; }
  .active-info .time{ font-size: 22px; }
  .active-info .study-content .btn{ font-size: 22px; line-height: 56px; border-radius: 28px; margin-bottom: 15px; }
  .active-info .study-content .p{ line-height: 22px; font-size: 16px; padding:5px 0; }
  .active-info .study-content .cor{ font-size: 18px; }
  .active-info .other-list{ padding-top:20px; }
  .active-info .other-list .title{ font-size:16px; }
  .active-info .other-list .auto-share{ font-size: 16px; }
  .active-info .share-box a img{ height: 30px; }
}
@media (max-width: 992px) {
  .active-list .ul{ margin:-8px; }
  .active-list .ul li{ padding:8px; }
  .active-list .ul .title{ font-size: 16px; }
  .active-info .h1{ font-size: 20px; margin-top: 4%; margin-bottom: 5px; }
  .active-info .time{ font-size: 20px; }
  .active-info .content{ line-height: 24px; }
  .active-info .h3{ font-size: 18px; }
  .active-info .study-content .btn{ font-size: 18px; line-height: 50px; border-radius: 25px; }
  .active-info .study-content .btn .i{ background-size: 24px auto; }
}
@media (max-width: 768px) {
  .active-info .h1{ font-size: 16px; line-height: 1.2em; margin-bottom: 5px; text-align: center; }
  .active-info .time{ font-size: 14px; text-align: center; }
  .active-info .content{ font-size: 14px; line-height: 22px; padding-top:0; padding-bottom: 15px; }
  .active-info .h3{ font-size: 16px; }
  .active-info .study-content{ padding:3.75% 3.75%; margin-top:20px; }
  .active-info .study-content .btn{ font-size: 16px; line-height: 44px; }
  .active-info .message,
  .active-info .wid2{ float: none; display: block; width:100%; }
  .active-info .study-content{ margin-top: 10px; }
  .active-info .other-list{ padding-top:10px; }
  .active-info .other-list .ul{ padding:10px 0; }
  .active-info .other-list .auto-share{ padding-top:5px; }
  .active-info .study-content .p{ line-height: 22px; padding:3px 0; }
  .active-info .study-content .cor{ font-size: 18px; }
  .active-info .share-box a img{ height: 26px; }
}
@media (max-width: 400px) {
  .active-list .ul .look{ float: left; }
  .active-list .ul .time{ display: none; }
}

/**活动预告**/
.overseas-list{}
.overseas-list .ul{ font-size: 0; margin:-17px; }
.overseas-list li{ float:none; vertical-align: top; display: inline-block; font-size: 16px; line-height: 25px; padding:17px; }
.overseas-list .Box{ display: block; padding:0 7.36% 10.36%; background:#f2f7f6; position: relative; }
.overseas-list .time{ background: #3177bd; color:#fff; width: 80px; text-align: center; padding:10px 0 13px; }
.overseas-list .time .date{ font-size: 36px; line-height: 1.2em; }
.overseas-list .time .year{ font-size: 12px; line-height: 1.2em; }
.overseas-list .time span{ display: block; }
.overseas-list .title{ font-size: 20px; line-height: 1.4em; height: 2.8em; margin:10% 0 8%; text-transform: capitalize; }
.overseas-list .word{ -webkit-line-clamp: 7; color:#777777; height: 175px; }
.overseas-list .mark{ position: absolute; height: 100%; width: 100%; left:0; top:0; background: #3177bd; color:#fff; text-transform: uppercase; font-size: 18px; line-height: 1.6em; opacity: 0; transform: scale(0.98); transition:all 0.3s; }
.overseas-list .imgBox img{ width:100%; }
.overseas-list .txt{ padding:7.36%; }
.overseas-list .Box:hover .mark{ opacity: 1; transform: scale(1); }
.overseas-info{}
.overseas-info .h1{ font-size: 24px; line-height: 1.4em; color:#333333; margin-top: 6.66%; margin-bottom: 14px; }
.overseas-info .time{ font-size: 24px; line-height: 1.4em; color:#8e8e8e; margin-bottom: 2.91%; }
.overseas-info .content{ border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:6.66% 15.41% 3.33%; position: relative; font-size: 16px; color:#777777; line-height: 30px; }
.overseas-info .content .message{ text-indent: 2em; }
.overseas-info .nav{ position: absolute; left: 0; }
.overseas-info .nav a{ line-height: 72px; width: 72px; height: 72px; background:#e6e6e6; display: block; text-align: center; transition: all 0.3s; }
.overseas-info .nav a+a{ margin-top:1px; }
.overseas-info .nav a:hover{ background:#f5f5f5; }
@media (max-width: 1200px) {
  .overseas-list .ul{ margin:-10px; }
  .overseas-list li{ padding:10px; }
  .overseas-list .time{}
  .overseas-list .time .date{ font-size: 30px; }
  .overseas-list .title{ font-size: 18px; margin:8% 0 6%; }
  .overseas-list .word{ line-height: 24px; height: 168px; }
  .overseas-list .mark{ font-size: 16px; line-height:1.4em; }
  .overseas-info .h1{ font-size: 22px; margin-top: 5%; margin-bottom: 8px; }
  .overseas-info .time{ font-size: 22px; }
}
@media (max-width: 992px) {
  .overseas-list .ul{ margin:-7px; }
  .overseas-list li{ padding:7px; }
  .overseas-list .time{}
  .overseas-list .time .date{ font-size: 26px; }
  .overseas-info .h1{ font-size: 20px; margin-top: 4%; margin-bottom: 5px; }
  .overseas-info .time{ font-size: 20px; }
  .overseas-info .content{ padding-left:10%; padding-right: 10%; line-height: 26px; }
  .overseas-info .nav a{ height: 60px; width: 60px; line-height: 60px; }
  .overseas-info .nav a img{ height: 18px; }
}
@media (max-width: 768px) {
  .overseas-list .ul{ margin:-5px 0; }
  .overseas-list li{ padding:5px 0; }
  .overseas-list .Box{ padding:15px; display: flex; flex-wrap: wrap; }
  .overseas-list .time{ width: 50%; display: flex; padding:8px 0px; order:2; background: none; color:#777; }
  .overseas-list .time .date{ font-size: 14px; order: 2; }
  .overseas-list .time .year::after{ content: "."; }
  .overseas-list .time .year{ font-size: 14px; }
  .overseas-list .title{ font-size: 16px; margin:10px 0 10px; height: auto; line-height: 1.2em; height: 2.4em; order:2; display: none; }
  .overseas-list .word{ height: auto; -webkit-line-clamp: 99; margin-bottom: 10px; line-height: 20px; font-size: 14px; order:2; }
  .overseas-list .mark{ transform: scale(1); opacity: 1; position: static; order:1; font-size: 15px; line-height: 1.2em; }
  .overseas-list .txt{ padding:10px 10px; }
  .overseas-info .h1{ font-size: 16px; line-height: 1.2em; margin-bottom: 5px; text-align: center; }
  .overseas-info .time{ font-size: 14px; text-align: center; }
  .overseas-info .content{ font-size: 14px; padding-left:0px; padding-right:0; line-height: 24px; padding-top:0; }
  .overseas-info .nav{ position: static; text-align: center; margin:15px 0 10px; }
  .overseas-info .nav a{ height: 30px; width: 30px; line-height: 30px; display: inline-block; border-radius: 50%; }
  .overseas-info .nav a+a{ margin-top: 0; margin-left:5px; }
  .overseas-info .nav a img{ height: 12px; }
}

/**成功案例**/
.case-list{}
.case-list .ul{ margin:-10px; padding-bottom: 9.16%; }
.case-list li{ padding:10px; }
.case-list .Box{ display: block; position: relative; }
.case-list .imgBox{}
.case-list .imgBox img{ display: block; width:100%; }
.case-list .mark{ position: absolute; left:0; bottom:0; width: 100%; height: 60px; background: #fff; border-bottom:1px solid #dddddd; color:#333; transition: all 0.3s; }
.case-list .table{ margin:0; }
.case-list .t-cell{ padding:0; vertical-align: middle; }
.case-list .title{ font-size: 20px; line-height: 60px; margin-bottom: 0; padding-right: 60px; }
.case-list .word{ font-size: 14px; line-height: 25px; -webkit-line-clamp: 3; margin-bottom: 50px; height: 0; }
.case-list .jt{ display: block; position: absolute; width:40px; height: 60px; right: 0; bottom: 0; background:url(../images/icon_icons4_1.png) no-repeat right center; transition: all 0.3s; }
.case-list .jt::before{ content: ""; position: absolute; left:0; top:50%; height: 14px; margin-top:-7px; width: 1px; background:#fff; }
.case-list .Box:hover .mark{ background:rgba(0,164,153,0.9); color:#fff; height: 100%; }
.case-list .Box:hover .table{ position: absolute; top:50%; width: 100%; padding:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); }
.case-list .Box:hover .jt{ background-image:url(../images/icon_icons4_2.png); right: 20px; }
.case-list .Box:hover .word{ height: 75px; }
/**学员心声**/
.case-list2{ overflow: hidden; }
.case-list2 .auto-title{ padding-bottom: 4.16%; }
.case-list2 .ul{ margin:-30px; padding-top:1px; }
.case-list2 li{ padding:30px; margin-top:60px; }
.case-list2 li .Box{ display: block; padding:0 50px 30px; border-radius: 5px; box-shadow:0 0 15px rgba(0,0,0,0.1); transition: all 0.3s; }
.case-list2 li .imgBox{ width: 100px; display: inline-block; border-radius: 50%; position: relative; top:-60px; vertical-align: top; margin-bottom: -30px; }
.case-list2 li .imgBox img{ display: block; border-radius: 50%; }
.case-list2 li .word{ font-size: 16px; color:#666666; line-height: 30px; height: 90px; -webkit-line-clamp: 3; }
.case-list2 li .other{ position: relative; margin-top: 25px; }
.case-list2 li .txt{ color:#333333; padding-right:80px; display: block; }
.case-list2 li .more{ font-size: 14px; color:#3177bd; position: absolute; top: 0; right:0; }
.case-list2 li .Box:hover{ background:#3177bd; }
.case-list2 li .Box:hover .word{ color:#fff; }
.case-list2 li .Box:hover .txt{ color:#fff; }
.case-list2 li .Box:hover .more{ color:#fff; }
.case-info{}
.case-info .h1{ font-size: 32px; line-height: 1.2em; color:#3177bd; margin-top:5.83%; margin-bottom: 1.25%; }
.case-info .word{ font-size: 20px; line-height: 1.4em; color:#4c4c4c; margin-bottom: 3.75%; }
.case-info .content{ border-top:1px solid #d9d9d9; padding-top:3.33%; font-size: 16px; line-height: 30px; }
.case-info .h2{ font-size: 30px; line-height: 1.4em; padding-bottom: 1.66%; }
@media (max-width: 1200px) {
  .case-list .mark{ height: 50px; }
  .case-list .title{ font-size: 18px; line-height: 50px; }
  .case-list .word{ margin-bottom: 25px; line-height: 22px; }
  .case-list .Box:hover .word{ height: 66px; }
  .case-list .jt{ height: 50px; }
  .case-list2{ overflow: hidden; }
  .case-list2 .auto-title{ padding-bottom: 0; }
  .case-list2 .ul{ margin:-15px; }
  .case-list2 li{ padding:15px; margin-top:30px; }
  .case-list2 li .Box{ padding:0 30px 20px; }
  .case-list2 li .imgBox{ width: 80px; top:-30px; margin-bottom: -20px; }
  .case-list2 li .other{ margin-top: 10px; }
  .case-info{}
  .case-info .h1{ font-size: 28px; }
  .case-info .word{ font-size: 18px; }
  .case-info .content{ line-height: 26px; }
  .case-info .h2{ font-size: 26px; }
}
@media (max-width: 992px) {
  .case-list .ul{ margin:-7px; }
  .case-list li{ padding:7px; }
  .case-list .mark{ height: 40px; }
  .case-list .title{ font-size: 16px; line-height: 40px; }
  .case-list .word{ margin-bottom: 35px; }
  .case-list .jt{ height: 40px; background-size: 15px auto; }
  .case-list .jt::before{ height: 10px; margin-top: -5px; }
}
@media (max-width: 768px) {
  .case-list2 li .Box{ padding:0 20px 15px; }
  .case-list2 li .word{ font-size: 14px; line-height: 22px; height: auto; }
  .case-list2 li .other{ font-size: 14px; margin-top:0; }
  .case-info .h1{ font-size: 20px; }
  .case-info .word{ font-size: 16px; }
  .case-info .content{ line-height: 24px; font-size: 14px; }
  .case-info .h2{ font-size: 18px; }
}
/***招聘***/
.job-list{}
.curr-types2{ font-size: 0; line-height: 0; margin-top:2.5%; padding-bottom: 5px; }
.curr-types2 .types{ border-bottom: 1px solid #dedede; padding:25px 0; }
.curr-types2 .t-tit{ font-size: 16px; line-height: 22px; color:#4c4c4c; float: left; display: inline-block; margin-right:15px; }
.curr-types2 a{ font-size: 16px; line-height: 22px; color: #666666; display: inline-block; margin:0 14px; }
.curr-types2 .cur{ color:#3177bd; }
.curr-types2 a:hover{ color:#3177bd; }
.curr-types2 .aBox{ margin:0 -15px; padding-right:30px; position: relative; overflow: hidden; }
.curr-types2 .jt{ position: absolute; width: 15px; height: 22px; right: 15px; top:0; cursor: pointer; background: url(../images/icon_jt1.png) no-repeat center; }
.curr-types2 .jt:hover{ background-image: url(../images/icon_jt_h.png); }
.FormBox{ display: block; text-align: right; padding:2.91% 0; }
.FormBox .form{ display: inline-block; vertical-align: top; border:1px solid #dedede; border-radius: 5px; position: relative; overflow: hidden; width: 350px; padding-right: 50px; }
.FormBox .form .Key{ width: 100%; font-size: 14px; color:#b2b2b2; padding:0 12px; line-height: 38px; height: 38px; }
.FormBox .form .submit{ position: absolute; top:0; right:0; width:50px; height: 100%; transition:all 0.3s; background:#3177bd url(../images/search_h.png) no-repeat center/17px auto; }
.FormBox .form .submit:hover{ background-color: #3177bd; }
.job-list .list1{}
.job-list .list1 li{ font-size: 0; line-height: 0; padding:17px 2.91%; }
.job-list .list1 li+li{ border-bottom: 1px solid #dedede; }
.job-list .list1 li.head{ background:#f5f5f5; padding-top:19px; padding-bottom:19px; }
.job-list .list1 .Box{ display: block; }
.job-list .list1 .wid{ display: inline-block; vertical-align: middle; font-size: 16px; color:#666666; line-height: 22px; padding:0 5px; text-align: center; }
.job-list .list1 .head .wid{ font-size: 18px; color:#4c4c4c; }
.job-list .list1 .wid1{ width: 20%; text-align: left; }
.job-list .list1 .wid2{ width: 16%; }
.job-list .list1 .wid3{ width: 27%; }
.job-list .list1 .wid4{ width: 15%; }
.job-list .list1 .wid5{ width: 22%; }
.job-list .list1 li:hover .wid5{ color:#3177bd; text-decoration: underline; }
.job-info{}
.job-info .h1{ font-size: 24px; line-height: 1.2em; color:#333333; margin-top:4.83%; margin-bottom: 1.9%; }
.job-info .word{ font-size: 16px; line-height: 1.4em; color:#666666; margin-bottom: 2%; }
.job-info .word .city{ margin:0 5%; }
.job-info .content{ border-top:1px solid #d9d9d9; padding-top:3.33%; font-size: 16px; line-height: 30px; color:#808080; }
.job-info .h2{ font-size: 20px; color:#4c4c4c; line-height: 1.4em; padding-bottom: 1.66%; }
.job-info .h3{ color:#666666; font-size: 16px; }
@media (max-width: 1200px) {
  .curr-types2 .types{ padding:15px 0; }
  .curr-types2 .aBox{ margin:0 -10px; padding-right: 20px; }
  .curr-types2 .t-tit{ margin-right: 10px; }
  .curr-types2 a{ margin:0 10px; }
  .curr-types2 .jt{ right: 0; }
  .job-info{}
  .job-info .h1{ font-size: 20px; }
  .job-info .content{ line-height: 26px; }
  .job-info .h2{ font-size: 18px; }
}
@media (max-width: 992px) {
  .job-list .list1 li{ padding-top:12px; padding-bottom: 12px; }
  .job-list .list1 li.head{ padding-top:15px; padding-bottom: 15px; }
  .job-list .list1 .wid4{ display: none; }
  .job-list .list1 .wid1{ width: 25%; }
  .job-list .list1 .wid2{ width: 20%; }
  .job-list .list1 .wid3{ width: 31%; }
  .job-list .list1 .wid5{ width: 23%; }
}
@media (max-width: 768px) {
  .curr-types2 .types{ padding:10px 0; }
  .curr-types2 .t-tit{ font-size: 14px; margin-right: 5px; }
  .curr-types2 a{ margin:0 5px; font-size: 14px; }
  .FormBox .form{ width:100%; }
  .job-list .list1 li{ padding-top:10px; padding-bottom: 10px; }
  .job-list .list1 li.head{ padding-top:12px; padding-bottom: 12px; }
  .job-list .list1 .head .wid{ font-size: 14px; }
  .job-list .list1 .wid{ font-size: 14px; }
  .job-list .list1 .wid2{ display: none; }
  .job-list .list1 .wid3{ display: none; }
  .job-list .list1 .wid1{ width: calc(100% - 88px); }
  .job-list .list1 .wid5{ width: 88px; }
  .job-info .h1{ font-size: 18px; }
  .job-info .word{ font-size: 14px; }
  .job-info .content{ line-height: 24px; font-size: 14px; }
  .job-info .h2{ font-size: 16px; }
  .job-info .h3{ font-size: 14px; }
}

/**会员**/
.member-body{}
.member-body footer{ background:rgba(17,17,17,0.41); position: fixed; left: 0; bottom:0; width:100%; padding:0; }
.member-body footer>.commonweb{ display: none; }
.member-body footer .footer-bottom{ background:none; }
.member-body footer .footer-share{ display: none; }
.member-body footer .footer-btleft{ width:100%; text-align: center; color:#b7b7b7; }
.member-body footer .footer-btleft p{ display: inline; }
.member-block{ background:url(../images/member_back.jpg) no-repeat center/cover; padding:1px 0; min-height: calc(100vh - 100px); padding-bottom: 65px; }
.member-block .block-block{ background:#fff; border-radius: 10px; max-width: 100%; width: 620px; margin:12.5% auto 9.58%; }
.member-block .block-block .pad{ padding:8.06%; }
.member-block .block-block .form{ display: block; }
.member-block .block-block .title{ font-size: 30px; line-height: 1.2em; color:#3177bd; margin-bottom: 6.45%; }
.member-block .block-block .label{ display: block; padding:0; margin:0; }
.member-block .block-block .label+.label{ margin-top:3.22%; }
.member-block .block-block .input{ display: block; width:100%; border:1px solid #dbdbdb; font-size: 16px; color:#666; line-height: 50px; height: 50px; padding:0 20px; }
.member-block .block-block .word,
.member-block .block-block .word2{ font-size: 14px; line-height: 30px; color:#999999; }
.member-block .block-block .word2{ padding:5px 0; }
.member-block .block-block .word a,
.member-block .block-block .word2 a{ color:#3177bd; }
.member-block .block-block .word a:hover,
.member-block .block-block .word2 a:hover{ color:#05d6c8; }
.member-block .block-block .label .submit{ display: block; width:100%; text-align: center; font-size: 18px; color:#fff; line-height: 50px; height: 50px; border-radius: 5px; background:#3177bd; transition:all 0.3s; }
.member-block .block-block .label .submit:hover{ background-color: #3177bd; }
.member-block .block-block .yzm{ padding-right: 130px; position: relative; }
.member-block .block-block .yzm .ym{ position: absolute; right: 0; top:0; line-height: 48px; width: 115px; text-align: center; font-size: 14px; color:#999999; background:#fafafa; border:1px solid #dbdbdb; }
.member-block .block-block .yzm{ padding-right: 130px; position: relative; }
.member-block .block-block .yzm .ym{ position: absolute; right: 0; top:0; line-height: 48px; width: 115px; text-align: center; font-size: 14px; color:#999999; background:#fafafa; border:1px solid #dbdbdb; }
.member-block .block-block .yzm2{ padding-right: 130px; position: relative; }
.member-block .block-block .yzm2 .ym2{ position: absolute; right: 0; top:0; line-height: 48px; height: 100%; box-shadow: border-box; width: 115px; background:#fafafa url(../images/yzm.jpg) no-repeat center/contain; border:1px solid #dbdbdb; }
.member-block .block-block .yzm .ym:hover{ color:#fff; background:#3177bd; }
.member-block .block-block .other-login{ padding:0; margin:0; font-size: 16px; color:#929292; position: relative; }
.member-block .block-block .other-login .txt{ position: relative; margin:15px 0 30px; }
.member-block .block-block .other-login .txt:before{ content: ""; display: block; width:100%; height: 1px; background-color: #dbdbdb; position: absolute; left: 0; top:50%; margin-top: -0.5px; }
.member-block .block-block .other-login .txt .t{ display: inline-block; vertical-align: top; padding:0 0.8em; background-color: #fff; position: relative; }
.member-block .block-block .logins{ }
.member-block .block-block .logins a{ display: inline-block; vertical-align: middle; margin:0 3px; }
.member-block .block-block .logins a img{ display: block; width: 48px; }
.member-block .block-block .inputBox{ float: left; }
.member-block .block-block .inputBox input{ margin:9px 5px 0 0; }
.member-block .block-block .input:hover,
.member-block .block-block .input:focus,
.member-block .block-block .input:hover::-webkit-input-placeholder,
.member-block .block-block .input:focus::-webkit-input-placeholder{ color: #3177bd; border-color:#3177bd; }
.member-block .block-block .input:hover,
.member-block .block-block .input:focus,
.member-block .block-block .input:hover::-moz-input-placeholder,
.member-block .block-block .input:focus::-moz-input-placeholder{ color: #3177bd; border-color:#3177bd; }
.member-block .block-block .input:hover,
.member-block .block-block .input:focus,
.member-block .block-block .input:hover::-ms-input-placeholder,
.member-block .block-block .input:focus::-ms-input-placeholder{ color: #3177bd; border-color:#3177bd; }
@media (max-width: 1200px) {
  .member-block .block-block .title{ font-size: 28px; }
  .member-block .block-block .input{ font-size: 16px; line-height: 46px; height: 46px; padding:0 15px; }
  .member-block .block-block .yzm .ym{ line-height: 44px; }
  .member-block .block-block .label .submit{ font-size: 16px;line-height: 46px; height: 46px; }
  .member-block .block-block .other-login .txt{ position: relative; margin:10px 0 20px; }
  .member-block .block-block .logins a{ margin:0 2px; }
  .member-block .block-block .logins a img{ width: 42px; }
}
@media (max-width: 992px) {
  .member-block{  min-height: calc(100vh - 56px); }
  .member-block .block-block .title{ font-size: 26px; }
}
@media (max-width: 768px) {
  .member-body footer .footer-bottom{ padding:15px 0; }
  .member-block{ padding-bottom:86px; }
  .member-block .block-block .title{ font-size: 18px; margin-bottom: 8px; }
  .member-block .block-block .input{ font-size: 14px;; line-height: 34px; height: 34px; padding:0 10px; }
  .member-block .block-block .label+.label{ margin-top:8px; }
  .member-block .block-block .label .submit{ font-size: 14px;line-height: 34px; height: 34px; }
  .member-block .block-block .other-login{ font-size: 14px; }
  .member-block .block-block .other-login .txt{ position: relative; margin:0 0 10px; }
  .member-block .block-block .logins a{ margin:0 2px; }
  .member-block .block-block .logins a img{ width: 32px; }
  .member-block .block-block .word2{ padding:0; }
  .member-block .block-block .yzm{ padding-right: 100px; }
  .member-block .block-block .yzm .ym{ line-height: 32px; width: 90px; font-size: 12px; }
  .member-block .block-block .yzm2{ padding-right: 100px; }
  .member-block .block-block .yzm2 .ym2{ width: 90px; }
  .member-block .block-block .inputBox input{ margin-top:6px; }
}

/**联系我们**/
.contact-block{}
.contact-block .linksBox{ font-size: 0; line-height: 0; text-align: center; padding-top:5%; }
.contact-block .linksBox .a{ display: inline-block; vertical-align: top; width:230px; max-width: 25%; padding:0 10px; position: relative; }
.contact-block .linksBox .icons{ display: block; margin:0 auto; height: 100px; width: 100px; border-radius: 50%; border:1px solid #cdcdcd; background:no-repeat center; }
.contact-block .linksBox .txt{ font-size: 18px; color:#666666; line-height: 22px; padding-top:13px; }
.contact-block .in .icons{ background-image: url(../images/icon_con1.png); }
.contact-block .webchat .icons{ background-image: url(../images/icon_con2.png); }
.contact-block .phone .icons{ background-image: url(../images/icon_con3.png); }
.contact-block .mail .icons{ background-image: url(../images/icon_con4.png); }
.contact-block .linksBox .tank{ position: absolute; left:50%; bottom:100%; background:#fff; border:10px solid #3177bd; width:200px; margin-left:-100px; font-size: 18px; line-height: 22px; transform: scale(0); opacity: 0; margin-bottom: 0px; transition:margin-bottom 0.3s,opacity 0.3s; word-break: break-all; }
.contact-block .linksBox .tank:after{ content: ""; position: absolute; left:50%; margin-left: -11px; top:100%; margin-top:10px; display: block; border:11px solid transparent; border-top-color:#3177bd; }
.contact-block .linksBox .numBox{}
.contact-block .linksBox .pad{ padding:10px; }
.contact-block .linksBox .code img{ width:160px; }
.contact-block .a.cur .icons,
.contact-block .a:hover .icons{ background-color:#3177bd; border-color:#3177bd; }
.contact-block .a.cur .tank,
.contact-block .a:hover .tank{ transform: scale(1); opacity: 1; margin-bottom: 18px; }
.contact-block .a.cur .txt,
.contact-block .a:hover .txt{ color:#3177bd; }
.contact-block .in:hover .icons{ background-image: url(../images/icon_con1_h.png); }
.contact-block .webchat.cur .icons,
.contact-block .webchat:hover .icons{ background-image: url(../images/icon_con2_h.png); }
.contact-block .phone:hover .icons{ background-image: url(../images/icon_con3_h.png); }
.contact-block .mail:hover .icons{ background-image: url(../images/icon_con4_h.png); }
.contact-block .h1{ font-size: 30px; line-height: 1.4em; color:#333333; margin:4.16% 0 3%; }
.contact-block .ul{ font-size: 0; line-height: 0; padding-bottom: 3.33%; }
.contact-block .ul li{ width:48.33%; vertical-align: top; display: inline-block; margin-bottom:3.34%; }
.contact-block .ul li:nth-child(2n+2){ margin-left:3.34%; }
.contact-block .ul .map{ height:350px; font-size: 14px; line-height: 22px;; }
.contact-block .ul .map img{ max-width: 99999px; }
.contact-block .ul .cont{ font-size: 20px; line-height: 1.4em; color:#666666; padding-top:28px; }
.contact-block .ul .li-tit{ color:#333333; }
.contact-block .ul .li-cont{ padding-top:5px; }
@media (max-width: 1200px) {
  .contact-block .h1{ font-size: 26px; }
  .contact-block .ul .cont{ font-size: 18px;; }
}
@media (max-width: 992px) {
  .contact-block .linksBox .tank{ width:170px; margin-left: -85px; border-width: 6px; }
  .contact-block .linksBox .tank:after{ margin-top:5px; }
  .contact-block .linksBox .pad{ padding:6px; }
  .contact-block .h1{ font-size: 20px; }
  .contact-block .ul .cont{ font-size: 16px;; }
}
@media (max-width: 768px) {
  .contact-block .linksBox{ padding:30px 0; }
  .contact-block .linksBox .icons{ width: 70px; height: 70px; background-size: 32px auto; background-color:#3177bd; border-color: transparent; }
  .contact-block .in .icons{ background-image: url(../images/icon_con1_h.png); }
  .contact-block .webchat .icons{ background-image: url(../images/icon_con2_h.png); }
  .contact-block .phone .icons{ background-image: url(../images/icon_con3_h.png); }
  .contact-block .mail .icons{ background-image: url(../images/icon_con4_h.png); }
  .contact-block .linksBox .a{ display: block; width: 100%; max-width: 100%; }
  .contact-block .linksBox .a+.a{ margin-top: 30px; }
  .contact-block .linksBox .txt{ padding-top:8px; padding-bottom: 8px; font-size: 16px; }
  .contact-block .linksBox .tank{ position: static; width:180px; margin:0 auto; opacity: 1; transform: scale(1); }
  .contact-block .linksBox .tank:after{ display: none; }
  .contact-block .a.cur .tank, .contact-block .a:hover .tank{ margin:0 auto; }
  .contact-block .h1{ font-size: 16px; margin-top:0; }
  .contact-block .ul li{ width: 100%; }
  .contact-block .ul li:nth-child(2n+2){ margin-left: 0; }
  .contact-block .ul .map{ height: 200px; }
  .contact-block .ul .cont{ padding:10px 0; }
}

/***个人中心***/
.mycount-block{}
.mycount-block .form{ display: block; padding:4.17% 0; border-radius: 10px; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); margin-bottom: 6.66%; }
.mycount-block .form .label{ margin:0; padding:1.66% 6.25%; display: inline-block; }
.mycount-block .form .i{ color:#3177bd; font-weight: bold; margin-right: 4px; }
.mycount-block .form .l_tit{ width: 95px; float: left; font-size: 16px; line-height: 50px; color:#4c4c4c; }
.mycount-block .form .inputBox{ background:#fff; overflow: hidden; }
.mycount-block .form .input{ display: block; width:100%; padding:0 10px; border:1px solid #cccccc; line-height: 50px; height: 50px; border-radius: 5px; color:#999999; background:#fff; }
.mycount-block .form .select{ -webkit-appearance: menulist; cursor: pointer }
.mycount-block .form .input:hover,
.mycount-block .form .input:focus{ color:#3177bd; border-color:#3177bd; }
.mycount-block .form option{ line-height: 30px; }
.mycount-block .form .subBox{ clear:both; width:100%; }
.mycount-block .form .submit{ color:#fff; display: block; text-align: center; border-radius: 7px; width:120px; border:0 none; background:#3177bd; transition: all 0.3s; }
.mycount-block .form .submit:hover{ background:#10d2c5; color:#fff; }
@media (max-width: 1200px) {
  .mycount-block .form .l_tit{ line-height: 44px; width: 80px; }
  .mycount-block .form .input{ line-height: 44px; height: 44px; }
}
@media (max-width: 992px) {
  .mycount-block .form .l_tit{ line-height: 40px; }
  .mycount-block .form .input{ line-height: 40px; height: 40px; }
}
@media (max-width: 768px) {
  .mycount-block .form .l_tit{ line-height: 36px; font-size: 14px;; }
  .mycount-block .form .input{ line-height: 36px; height: 36px; }
}

/**会员权益**/
.member-info{}
.member-info .content{ padding:1.25% 0 6.66%; }
.member-info .message{ font-size: 16px; line-height: 30px; color:#666666; }
.member-info .message img{
  max-width: 100%;
}
.member-info img{max-width: 100%;width: auto !important; height: auto !important;}
@media (max-width: 1200px) {
  .member-info .message{ line-height: 28px; }
}
@media (max-width: 992px) {
  .member-info .message{ line-height: 26px; }
}
@media (max-width: 768px) {
  .member-info .message{ font-size: 14px; line-height: 24px; }
}

/**求职能力评估测试**/
.test-block{}
.test-block .form{ display: block; padding:0 3.33% 7.08%; border-radius: 10px; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); margin-bottom: 6.66%; }
.test-block .form .color{ color:#3177bd; }
.test-block .form .h1{ font-size: 16px; line-height: 1.4em; color:#888888; padding:3.8% 0 3.2%; }
.test-block .form .h1 .color{ font-weight: bold; margin-right: 2px; }
.test-block .form .Box{ position: relative; }
.test-block .form .Box:before{ content: ""; position: absolute; left:55.83%; top:0; width: 1px; height: 100%; background:#e6e6e6; }
.test-block .form .question-list{ width:55.83%; padding-right: 6.86%; }
.test-block .form .numBox{ width:44.17%; padding-left: 6.86%; }
.test-block .form .l_tit{ font-size: 20px; line-height: 1.2em; color:#333333; }
.test-block .form .aw-box{ padding:25px 0 9.5%; }
.test-block .form .label{ display: block; position: relative; }
.test-block .form .label+.label{ margin-top: 10px; }
.test-block .form .label input{ opacity: 0; margin:0; cursor: pointer; position: absolute; }
.test-block .form .icon{ margin-right: 20px; height: 12px; width: 12px; display: inline-block; border:1px solid #a9a9a9; border-radius: 50%; position: relative; }
.test-block .form .icon:before{ content: ""; display: block; width:6px; height: 6px; position: absolute; left:50%; top:50%; margin-left: -3px; margin-top: -3px; border-radius: 50%; }
.test-block .label .word{ padding:11px 5.3%; border:1px solid #e6e6e6; border-radius: 5px; font-size: 16px; line-height: 22px; color:#666666; }
.test-block .form .label:hover .word{ background:#f5f5f5; border-color:transparent; color:#666; }
.test-block .form .label:hover .icon{ border-color:#a9a9a9; }
.test-block .form .label:hover .icon:before{ background:#3177bd; }
.test-block .form .label input:checked+.word{ background:#3177bd; border-color:transparent; color:#fff; }
.test-block .form input:checked+.word .icon{ border-color:#fff; }
.test-block .form input:checked+.word .icon:before{ background:#fff; }
.test-block .form .pn-btn{ font-size: 0; line-height: 0; }
.test-block .form .pn-btn .tn{ font-size: 16px; line-height: 42px; color:#999999; padding:0 33px; display: inline-block; border:1px solid #e6e6e6; color:#999; border-radius: 5px; cursor: pointer; transition: all 0.3s; opacity: 1; }
.test-block .form .pn-btn .tn+.tn{ margin-left: 10px; }
.test-block .form .pn-btn .tn:hover{ color:#fff; background:#3177bd; border-color:transparent; }
.test-block .numBox{}
.test-block .numBox .pad{ padding:10% 23% 11% 0; font-size: 0; line-height: 0; margin-left:-5px; }
.test-block .numBox .pad span{ cursor: pointer; border:1px solid #e6e6e6; width:44px; line-height: 44px; border-radius: 5px; text-align: center; display: inline-block; font-size: 16px; color:#999999; margin:5px; }
.test-block .numBox .pad span.tested{ background:#f9f9f9; border-color: transparent; }
.test-block .numBox .pad span:hover{ background:#f5f5f5; border-color: transparent; }
.test-block .numBox .pad span.cur{ color:#fff; background:#3177bd; border-color: transparent; }
.test-block .numBox .btn-box{}
.test-block .numBox .btn-box .btn{ background-color:#e6e6e6; color:#666; font-size: 16px; line-height: 42px; color:#999999; padding:0 33px; display: inline-block; border-radius: 5px; cursor: pointer; transition: all 0.3s; }
.test-block .numBox .btn-box .submit{ background:#3177bd; color:#fff; }
.test-block .numBox .btn-box .btn:hover{ color:#fff; background:#14c1b6; }
/**弹窗**/
#Test-Tank{ position: fixed; height: 100%; width:100%; left:0; top:0; z-index: 9; display: none; }
#Test-Tank .Box{ width:780px; max-width: 100%;  background:#fff; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow:0 0 20px rgba(0, 0, 0, 0.1); }
#Test-Tank .Box .exit{ position: absolute; right:-36px; top:-36px; height: 32px; width: 32px; background:url(../images/icon_close.png) no-repeat center; transform: rotate(0); transition:all 0.3s; }
#Test-Tank .Box .exit:hover{ transform: rotate(45deg); }
#Test-Tank .pad{ padding:7.69% 11.53%; }
#Test-Tank .h1{ font-size: 24px; line-height: 1.4em; color:#3177bd; margin-bottom: 8.3%; }
#Test-Tank .form{ display: block; width:100%; line-height: 42px; }
#Test-Tank .form .label{ display: block; padding:0; margin:0; }
#Test-Tank .form .label+.label{ margin-top:5%; }
#Test-Tank .form .tit{ float: left; display: inline-block; font-size: 16px; color:#333333; padding-right:10px; }
#Test-Tank .form .i{ color:#ff0000; width:10px; display: inline-block; font-weight: bold; }
#Test-Tank .form .inputBox{ overflow: hidden; }
#Test-Tank .form .input{ height: 42px; line-height: 42px; border:1px solid #dedede; display: block; width:100%; padding:0 10px; color:#666; font-size: 14px; }
#Test-Tank .form .submit{ display: inline-block; vertical-align: top; color:#fff; background:#3177bd; line-height: 60px; height: 60px; margin-top:60px; padding:0 60px; font-size: 18px; }
#Test-Tank .form .submit:hover{ background:#3177bd; }
@media (max-width: 1200px) {
  .test-block .form .question-list{ padding-right: 4%; }
  .test-block .form .numBox{ padding-left: 4%; }
  .test-block .numBox .pad{ padding-right: 18%; }
}
@media (max-width: 992px) {
  .test-block .form .l_tit{ font-size: 18px; }
  .test-block .label .word{ font-size: 15px; }
  .test-block .form .pn-btn .tn{ font-size: 14px; }
  .test-block .numBox .pad{ padding-right: 8%; }
  .test-block .numBox .pad span{ margin:3px; }
  #Test-Tank .Box{ max-width:92%; }
  #Test-Tank .Box .exit{ right:5px; top:5px; background-size: 20px; }
  #Test-Tank .h1{ font-size: 20px; margin-bottom: 4%; }
  #Test-Tank .form{ line-height: 36px; }
  #Test-Tank .form .input{ line-height: 36px; height: 36px; }
  #Test-Tank .form .label+.label{ margin-top:15px; }
  #Test-Tank .form .submit{ margin-top:30px; line-height: 40px; height: 40px; padding:0 35px; font-size: 16px; border-radius: 5px; }
}
@media (max-width: 768px) {
  .test-block .form{ padding:15px 20px 25px; }
  .test-block .form .Box{ display: flex; flex-wrap: wrap; }
  .test-block .form .Box:before{ display: none; }
  .test-block .form .question-list{ order:2; width:100%; padding-right: 0; }
  .test-block .form .numBox{ order:1; width:100%; padding:0 0 25px; border-bottom: 1px solid #ddd; margin-bottom:25px; }
  .test-block .numBox .pad{ padding:0 0 15px; margin:0; }
  .test-block .numBox .pad span{ margin:0.5%; line-height: 36px; width:15.75%; }
  .test-block .numBox .pad span:nth-child(6n+1){ margin-left:0; }
  .test-block .numBox .btn-box .btn{ font-size: 14px; line-height: 36px; }
  .test-block .form .l_tit{ font-size: 16px; }
  .test-block .form .aw-box{ padding:10px 0 15px; }
  .test-block .form .pn-btn .tn{ font-size: 14px; line-height: 36px; }
  #Test-Tank{ background:rgba(0, 0, 0, 0.3); }
  #Test-Tank .pad{ padding:20px 25px; }
  #Test-Tank .Box .exit{ background-size: 18px; }
  #Test-Tank .Box .exit:hover{ transform: rotate(0); }
  #Test-Tank .h1{ font-size: 15px; padding-top:20px; }
  #Test-Tank .form{ line-height: 32px;; }
  #Test-Tank .form .tit{ font-size: 14px; padding-right: 5px; }
  #Test-Tank .form .label+.label{ margin-top:10px; }
  #Test-Tank .form .input{ line-height: 32px; height: 32px; }
  #Test-Tank .form .submit{ margin:20px 0 10px; line-height: 34px; height: 34px; }
}

/**注册流程**/
.process-block{}
.process-block .Box{ display: block; padding:8.33%; border-radius: 10px; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); margin-bottom: 6.66%; font-size: 0; line-height: 0; text-align: center; }
.process-block .Box .div{ display: inline-block; vertical-align: top; position: relative; width:22%; padding-top:22%; margin:0 1.5%; font-size: 20px; line-height: 1.4em; color:#333333; }
.process-block .Box .div:after{ content: ""; position: absolute; left:0; top:0; width: 100%; height: 100%;  border:1px solid #ddd; border-radius: 30px; transform: rotate(45deg); background:#fff; }
.process-block .Box .table{ display: block; position: absolute; z-index: 1; left: 0; top:50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
.process-block .Box .icon{ display: block; height: 55px; width: 49px; background:url(../images/icon_lc_1.png) no-repeat center/contain; position: absolute; }
.process-block .Box .num{ border:1px solid #3177bd; color:#3177bd; line-height: 40px; width:42px; display: inline-block; vertical-align: top; border-radius: 50%; }
.process-block .Box .word{ margin-top:15px; height: 2.8em; }
.process-block .Box .div2,
.process-block .Box .div4{ margin-top:15%; }
.process-block .div1 .icon{ left:78%; top:94%; }
.process-block .div2 .icon{ width: 42px; height:61px; left:80%; bottom:90%; background-image:url(../images/icon_lc_2.png); }
.process-block .div3 .icon{ width: 51px; height:52px; left:79%; top:91%; }
.process-block .div4 .icon{ display: none; }
@media (max-width: 1200px) {
  .process-block .Box .div{ font-size: 18px; }
}
@media (max-width: 992px) {
  .process-block .Box .div{ font-size: 15px; }
  .process-block .Box .word{ margin-top:8px; line-height: 1.2em; }
}
@media (max-width: 768px) {
  .process-block .Box .div{ width:49%; margin:0.5%; height: 140px; }
  .process-block .Box .div:after{ transform: rotate(0); border-radius: 5px; }
  .process-block .Box .icon{ display: none; }
  .process-block .Box .num{ line-height: 36px; width: 38px; font-size: 14px; }
}

/***微信弹窗**/
.wxqcde{ transform: translateX(-42%);}
.wxqcde div:last-child{  left:50%; margin-left: -12px!important; }
.wxqcde .weixin{ padding:4px 15px 10px!important; }
.wxqcde .weixin .tt{ margin-bottom: 0!important; line-height: 22px!important; }
.wxqcde .weixin p:last-child{ display: none; }




/*搜索页*/
.searchcont401 {
    padding: 36px 0 0;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center top;
    -o-background-size: cover;
    background-size: cover;
}

.searchtitle401 {
    padding: 28px 15px;
    background-color: #f2f2f2;
}

    .searchtitle401 span {
        color: #da251d;
    }

.resultlist401 {
    font-size: 13px;
    padding: 3% 0;
}

    .resultlist401 img {
        display: block;
        width: 100%;
        margin-bottom: 2%;
    }

    .resultlist401 li {
        padding: 15px 0;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: -1px;
    }

    .resultlist401 h4 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 3%;
    }

        .resultlist401 h4 em {
            color: #da251d;
        }

        .resultlist401 h4 a {
            display: block;
        }

.resulttext401 {
    overflow: hidden;
    height: 72px;
    color: #999;
    line-height: 24px;
}

.resultlabel401 {
    color: #999;
    display: inline-block;
    padding-top: 30px;
}

.searchinputcont401 dt input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 12px;
    font-size: 15px;
    color: #333333;
    background-color: #ffffff;
}

.searchinputcont401 dd input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    background-color: #3177bd;
    /*background-image: url(../images/search402.png);*/
    background-repeat: no-repeat;
    background-position: center;
}

.keywords {
    color: #00a298;
}

.ms-detail td .short-sl {
    width: 103px;
}

.sitemapcont2 {
    padding: 6% 0;
    overflow: hidden;
}

    .sitemapcont2 dl {
        position: relative;
        margin-bottom: 36px;
    }

        .sitemapcont2 dl dt {
            font-size: 16px;
            font-weight: bold;
            color: #f4a5b8;
            padding: 0 8px;
            background: #fff;
            position: absolute;
            left: 18px;
            top: -14px;
        }

        .sitemapcont2 dl dd {
            padding: 4% 3% 1% 3%;
            border: 1px solid #e6e6e6;
        }

            .sitemapcont2 dl dd a {
                display: inline-block;
                padding-left: 10px;
                margin: 0 23px 8px 0;
            }

@media (min-width: 768px) {
    .searchtitle401 {
        font-size: 24px;
        padding-bottom: 36px;
    }

    .resultlist401 h4 {
        font-size: 20px;
        margin-bottom: 2%;
    }

    .searchimg401 {
        float: left;
        margin: 0 3% 0 0;
        display: block;
        width: 200px;
        height: 150px;
        overflow: hidden;
        position: relative;
    }

    .resultlist401 img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        max-width: 100%;
        width: auto;
    }

    .sitemapcont2 {
        padding: 2% 0 0;
        overflow: hidden;
    }

        .sitemapcont2 dl dt {
            font-size: 20px;
        }

        .sitemapcont2 dl dd {
            padding: 2% 3% 1% 3%;
            border: 1px solid #e6e6e6;
        }

            .sitemapcont2 dl dd a {
                margin: 0 50px 8px 0;
            }

                .sitemapcont2 dl dd a:hover {
                    color: #f4a5b8;
                }
}

@media (min-width: 992px) {
    .searchinputcont401 {
        width: 45%;
        margin: 0 auto;
    }

        .searchinputcont401 dt {
            float: left;
            width: 78%;
        }

        .searchinputcont401 dd {
            float: left;
            width: 22%;
        }

        .searchinputcont401 dt input {
            font-size: 18px;
        }

        .searchinputcont401 dd input {
            font-size: 18px;
            font-weight: bold;
            background-position: 80% center;
        }
}

/**搜索**/
.dead-discern { padding-top: 20px; padding-bottom: 20px; text-align: center; }
.no-discern { display: inline-block; vertical-align: top; position: relative; padding-left: 60px; text-align: left; }
.no-discern .noicon { position: absolute; top: 0; left: 0; width: 42px; }
.no-discern .noicon img { display: block; width: 100%; position: static; transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); }
.no-discern .cnts .title { color: #333; font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 10px; }
.no-discern .cnts .info { color: #666; font-size: 14px; line-height: 24px; padding-left: 10px; }
.bannerimg img{ max-width: 100%;  }













.indexNews ul li { padding: 45px 0px; border-bottom: 1px solid #ebebeb; }
  .indexNews ul li a { position: relative; display: block; padding: 0px 130px 0px 0px; }
  .indexNews ul li a h3 { font-size: 22px; }
  .indexNews ul li a img { position: absolute; right: 80px; width: 200px; -webkit-box-shadow: 10px 10px 20px rgba(40, 40, 40, 0.5); box-shadow: 10px 10px 20px rgba(40, 40, 40, 0.5); top: 40px; display: none; }
  .indexNews ul li a p.time { right: 0px; position: absolute; font-size: 13px; color: #696969; top: 0px; text-align: center; padding-top: 0px; }
  .indexNews ul li a p.time span { display: block; font-size: 44px; line-height: 48px; }
  .indexNews ul li a p.name { position: absolute; left: 0px; color: #e5e5e5; top: 0px; font-size: 35px; line-height:40px; font-weight:900; padding-top: 0px; width:100px; }
  .indexNews ul li a p.desc { font-size: 14px; color: #696969;  margin-top: 15px; 
  
  text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 52px;
line-height: 26px; }
  .indexNews ul li a:hover img { display: block; }


